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FRERE Lis cian maT I, TSAR I ae BR ZIT 
一 个 真实 可 见 的 世界 。 事 实 上 ， 屏 幕 上 的 传感器 通过 计算 速度 记录 下 手指 的 位 
置 ， 随 即 点 之 数 以 百 万 的 像素 ， 这 惑 是 触 屏 的 秘密 。 但 是 ， 人 类 的 肉眼 无 法 看 
到 整个 过 程 ， 科 技 由 此 创造 出 一 种 强大 的 幻象 。 当 触 屏 显 示 的 画面 不 能 正 凋 工 
作 时 ， 有 谁 没 做 过 用 力 按压 屏幕 ， 和 希望 借助 外 力 使 页 面 恢复 正 疝 的 傻 事 呢 ? 

这 种 幻象 的 非凡 力量 让 人 类 与 机 器 之 间 的 屏障 消 于 无 形 。 和 传统 的 电脑 
不 同 ， 直 接 在 屏 尹 上 操作 释放 了 人 类 的 本 性 ， 赋 予 人 类 安全 感 。 于 是 ， 人 类 
从 孩提 时 代 起 就 可 以 香 借 本 能 迅速 学 习 使 用 触 屏 。 

尽管 触 屏 拥有 无 限 魅 力 ， 但 同时 也 面临 着 巨大 的 挑战 : 人 类 缺乏 耐心 ， 
生 闻 心 不 在 需 ， 而 且 要 求 坷 刻 。 程 序 中 但 凡 存 在 半点 瑕 冰 ， 就 会 让 用 户 心 生 不 
快 ， 立 即 放 径 当前 正在 使 用 的 应 用 。 因 为 人 们 只 需 用 指 估 轻 点 几 下 ， 束 能 找到 其 
他 供应 商 提供 的 应 用 ， 进 入 其 他 的 应 用 程序 。 相 反 ， 如 果 程 序 一 切 运行 恨 好 ， 提 
供 的 体验 如 行云流水 般 让 人 感到 目 然 、 和 舒适， 那么 在 用 户 和 应 用 之 间 就 会 产生 深 
厚 的 情感 纽 市 。 成 功 的 应 用 让 人 和 人 爱不释手、 欲罢不能 ， 成 为 用 户 生 活 中 不 可 
或 缺 的 一 部 分 。 

ERPE, XAM PARARE SRO ARI PA, AS, 
企 这 些 仿佛 拥有 魔力 的 成 功 界面 背后 ， 隐 藏 着 精心 的 设计 与 认真 的 竹 备 。 艾 
米 丽 十 分 擅长 向 读者 阐明 如 何 严 能 工 巧 抬 ， 如 何 颖 透 用 户 的 内 心 ， 如 何 完 
成 设计 作品 ， 如 何 了 解 应 用 的 使 用 环境 ， 如 何事 无 巨细 地 考虑 到 每 个 细 世 。 
设计 一 款 优秀 的 人 机 工程 作品 ， 首 先 需 要 细致 的 观 祭 和 对 用 户 的 情感 同化 。 

本 书 束 是 一 本 实用 指 和 前 ， 全 面 介绍 了 移动 终 冰 用 户 体 验 设 计 ， 列 举 了 应 
该 学 习 的 范例 ， 指 明了 需要 避免 的 误区 。 艾 米 丽 通过 众多 详细 的 实际 守 例 成 
功 地 阐述 了 目 己 的 观点 。 

我 个 人 将 这 部 作品 钢 为 学 习 的 重要 参考 ， 从 此 一 天 开始 阅读 就 对 它 爱 不 
释 手 ， 时 常 拿 起 来 反复 研读 。 相 信 诸 位 在 阅读 本 书 时 一 定 也 会 乐 在 其 中 。 
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谁 是 本 书 的 目标 读者 ? 
你 正在 筹备 移动 终端 的 相关 企划 吗 ? 无 论 是 开发 目 己 的 首 款 应 用 程序 ， 完 善 
目 己 的 知识 ， 还 是 寻求 移动 终端 用 户 体验 设计 的 理论 和 实践 基础 ， 本 书 都 会 为 你 
提供 解决 问题 的 天 键 钥匙 ， 帮 助 你 进行 反思 ， 局 发 你 获得 与 众 不 同 的 应 对 思路 。 
本 书 的 守则 是 : 送 助 设计 者 打造 出 类 拔 鞭 的 移动 终 峭 网 站 和 应 用 程序 ， 突 出 
长 处 、 朝 显 特点 ; 创作 出 能 满足 用 户 需要 、 方 便 用 户 生 活 的 高 品质 作品 ; 实现 为 
用 户 量 呈 定做 的 用 户 体验 。 


读者 能 在 书 中 看 到 …… 


本 书 抽 丝 璋 草地 剖析 了 用 户 体 验 设 计 的 方方面面 ， 用 大 量 实 例 详尽 解读 其 中 
的 设计 问题 。 书 中 的 例子 绝 非 门面 装饰 : 这 些 来 目 智 能 手机 、 平 板 电脑 和 移动 网 
络 的 屏幕 截图 ， 取 目 “ 生 存 环境 ”完全 不 同 的 各 行 各 业 的 作品 。 这 样 做 的 目的 是 
让 读者 理解 移动 终端 的 设计 原则 ， 从 范例 中 获得 灵感 ， 便 于 创作 目 己 的 作品 或 优 
化 已 有 的 应 用 。 
我 与 编辑 反复 讨论 之 后 ， 为 了 尊重 我 这 个 作者 的 意愿 ， 本 书 呈 现 出 几 个 特点 。 
。 在 本 书 中 ， 读 者 会 看 到 一 些 法 语 版 范例 。 法 国 用 户 体验 设计 行业 有 一 种 趋 
A. 从 美国 的 范例 中 进行 第 选 ， 加 以 模仿 ， 结 果 让 美国 风格 占据 了 绝对 优 
势 。 读 者 会 在 书 中 看 到 ， 各 种 设计 范例 中 充斥 着 美国 的 设计 惯例 ， 即 便 是 
法 语 版 也 不 例外 。 仅 有 Mea-culpa 等 几 个 英语 的 应 用 程序 属于 特例 。” 
。 我 有 意识 地 选择 了 各 式 各 样 不 同类 型 的 范例 ， 这 些 应 用 的 开发 者 包括 大 型 
企业 、 中 小 型 企业 、 新 兴 企 业 。 每 个 人 都 可 能 想 出 绝 佳 的 创意 ， 缔 造 完美 
的 作品 ， 但 错误 在 所 难免 ， 即 便 开 发 者 是 实力 雄厚 的 大 型 企业 也 不 例外 。 
。 本 书 仅 针 对 范例 中 的 某 一 项 特点 展开 齐 析 ， 而 不 给 予 整体 评价 。 书 中 引用 
的 例子 都 是 目前 在 应 用 商店 里 下 载 频 率 很 高 的 产品 。 但 是 ， 这 未 必 代 表 
它们 全 部 都 是 值得 学 习 的 榜样 。 很 难说 革 一 个 应 用 程序 或 者 一 个 移动 终端 


@ 为 方便 中 国 读者 阅读 和 理解 ， 本 书 中 文 版 尽量 使 用 应 用 的 英文 版 或 中 文 版 截屏 ， 但 不 会 玻 
坏 范 例 的 展示 效果 和 参考 意义 。 一 一 编者 注 
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网 站 的 设计 完美 无 缺 ， 我 们 要 通过 各 种 细节 分 析 找到 其 中 的 内 光 点 ……' 当 
然 ， 也 会 发 现 不 尽 人 意 之 处 。 


。 书 中 有 些 词汇 使 用 了 红色 字体 ， 对 它们 的 解释 见 最 后 的 “词汇 表 ”。 


读者 在 书 中 学 不 到 的 知识 

为 了 集中 力量 阐述 相关 主题 ， 我 没有 在 书 中 讨论 纯粹 天 于 战略 、 营 销 、 挝 术 
方面 的 问题 。 所 以 ， 读 者 在 本 书 中 看 不 到 “如 何在 应 用 程序 、 网 站 或 响应 式 网 页 
设计 之 间 抉 择 ” 等 诸如 此 类 的 话题 ， 也 找 不 到 “在 平板 电脑 上 必须 使 用 有 某 应 用 
程序 ”的 建议 ， 也 学 不 到 “如 何 让 更 多 用 户 使 用 你 的 产品 ”的 决 每 。 然 而 ， 天 于 
用 户 体 验 设计 的 种 种 疑问 ， 相 信 读 者 一 定 会 在 书 中 找到 满意 的 爸 条 。 我 会 从 形式 
到 内 字 、 全 方位 、 多 角度 地 曾 述 用 户 体验 设计 的 各 种 问题 。 

内 言 少 客 ， 现 在 让 我 们 进入 正题 
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“智能 手机 ”仅仅 是 “聪明 的 手机 ” 吗 ?这 是 一 场 从 数 年 前 开始 的 真正 意义 
上 的 革命 : 电话 使 用 方式 的 革命 、 人 际 关系 的 革命 、 广 义 的 通信 革命 。 没 有 俩 经 
的 人 群 ， 没 有 蒸汽 机 车 的 滚滚 白 烟 ， 这 场 革命 悄 无 声息 地 到 来 ， 却 彻底 改变 了 人 
们 的 生活 。 这 是 一 场 “ 温 和 革命 "， 深 受 大 家 的 钟爱 ， 但 这 又 是 一 场 多 么 离奇 的 
革命 啊 | 

想象 一 下 没有 手机 的 生活 ， 那 种 感受 可 能 如 同 做 了 截肢 手术 。 如 今 ， 人 们 必 
须 随时 随地 待命 ， 接 受 新 资讯 ， 生 活 在 当下 。 这 种 紧迫 感 让 一 些 人 故意 离线 、 与 
世界 隔绝 ， 只 为 寻求 片刻 宁静 。 

这 也 是 整个 信息 工业 的 革命 :移动 电话 不 再 仅仅 是 奇 技 淫 巧 的 小 玩意 儿 ， 不 
再 仅仅 是 “真实 ”服务 的 附属 品 ， 使 用 移动 电话 也 不 仅仅 是 为 了 光鲜 亮丽 。 凭 借 
多 姿 多 彩 的 形式 变化 ， 移 动 终端 更 擅长 给 用 户 提供 独一无二 的 服务 。 

简 而 言 之 ， 移 动 终端 已 经 成 为 一 种 生活 必需 品 。 商 家 迎合 各 种 需求 、 不 同 场 
合 和 网 络 连接 平台 ， 提 供 丰 富 多 样 的 应 用 程序 ， 而 用 户 则 根据 产品 特性 对 这 些 应 
用 进行 取舍。 

整个 信息 产业 都 在 努力 跟 上 潮流 ， 疯 狂 地 追赶 不 断 前 进 的 行业 脚步 …… 商 家 
迅速 推出 层出不穷 的 应 用 程序 、 移 动 终端 网 站 和 全 新 服务 ， 甚 至 没有 时 间 安静 下 
来 仔细 恩 考 。 于 是 ， 应 用 程序 的 设计 往往 沦 为 对 竞争 对 手 之 闻 的 相互 抄袭， 或 者 
ARTE RO SU 

业界 的 病症 就 摆 在 我 们 面前 : 各 种 应 用 彼此 模仿 ， 导 致 用 户 体验 趋同 ， 人 机 界 
面 虽然 简单 明了 ， 却 失败 连连 ， 原 因 就 是 完全 没 能 提供 真正 令 人 满意 的 用 户 体验 。 

移动 终端 的 使 用 存在 时 间 局 限 ， -ERRE 24 小 时 。 为 了 说 服用 户 自愿 拿 
出 时 间 使 用 你 的 应 用 ， 你 的 应 用 就 必须 实用 ， 而 且 能 够 提供 无 可 挑剔 的 用 户 体 
验 。 实 际 数字 很 能 说 明 问题 ， 在 用 户 下 载 的 所 有 应 用 程序 中 ， 有 20% 最 终 完全 
没有 被 使 用 过 。 那 么 ， 移 动 终端 设计 怎样 才能 脱颖而出 呢 ? 

答案 并 不 简单 :在 移动 的 世界 里 ， 绝 不 存在 “一 劳 永 锡 ”的 概念 ， 一 切 都 在 
不 断 变化 ， 永 远 需 要 重新 开始 。 我 们 应 当 把 困难 看 成 机 遇 ， 激 励 设计 者 们 不 要 在 
已 有 的 成 绩 面前 歌 足 不 前 ， 要 不 断 努力 创作 更 好 的 作品 。 


EXPERIENCE 


SENSORIELLE 


。 人 秽 完 体验 
。 触 宛 体验 
。 本 体感 受 体验 


。 声音 体验 
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Abd. A. Wit. RE, RAL, SRE LAD i E Ch AE e h 
RATER, ARPA Seon ae. eA bes Be aS. ETE ARS? , 
Fe MMA DIAC A. APE SCRA AEC, FA SI aE Pe 
的 联系 。 

移动 终端 实现 的 独特 感官 体验 已 经 超过 了 简单 的 身体 感觉 。 智 能 手机 躺 在 人 
们 的 衣服 口袋 中 、 提 包 里 、 果 椅 板 偶 上 ， 甚 至 在 床上 陪伴 用 户 人 卢 。 智 能 手机 如 
影 随 形 ， 与 我 们 密 不 可 分 ， 人 机 之 间 目 然 形 成 了 杀 密 无 则 的 纽带 。 我 们 明白 ,每 
一 次 体验 不 仅仅 是 号 体 上 的 感觉 ， 每 一 次 互动 的 背后 都 存在 更 深层 的 意义 。 我 们 
逐 关 把 使 用 手机 这 一 行为 本 生 和 使 用 手机 硼 后 的 目的 融 为 一 体 。 在 本 草 中 ， 读 者 
将 学 习 如 何 调动 各 种 感觉 系 统一 视觉、 触觉、 本 体感 党、 听 贫 ， 让 用 户 在 使 用 
移动 终端 的 每 一 刻 都 能 得 到 感官 体验 的 极 尽 吾 受 。 


A AS or 


与 众多 人 机 界面 一 样 ， 在 各 种 感觉 之 中 ， 移 动 终端 首先 吸引 的 是 视觉 。 然 
而 ， 使 用 移动 终端 的 环境 、 配 合 使 用 环境 而 开发 的 特殊 用 途 ， 以 及 移动 终端 设备 
的 种 种 特点 都 让 设计 者 在 设计 开发 时 必须 做 出 取舍 。 如 何 为 用 户 提 供 舒 适 的 视觉 
体验 呢 ? 


Jet VA TE I 

首先 ， 移 动 终端 的 使 用 情景 比较 特殊 ， 用 户 往往 在 时 间 紧 张 的 情况 下 使 用 ， 
即 在 移动 过 程 中 或 者 在 需要 分 散 注意 力 的 时 候 使 用 ， 比 如 乘坐 交通 工具 时 、 走 路 
时 、 会 议 期 间 、 餐 厅 里 ， 等 等 。 用 户 在 上 述 环境 中 并 没有 把 全 部 的 注意 力 投入 到 
移动 终端 上 。 

这 种 情况 往往 被 称 为 分 散 注意 。 此 时 ， 用 户 需要 把 注意 分 散 到 若干 个 信号 源 
上 。 因 此 ， 专 注 在 移动 应 用 上 的 注意 力 仅仅 是 全 部 注意 力 的 一 部 分 。 用 户 在 大 多 
数 时 间 里 并 没有 意识 到 分 散 注意 所 付出 的 努力 ， 但 从 认 知 层面 看 ， 人 们 为 此 付出 
的 代价 极其 高 晶 。 设 计 者 可 以 通过 多 种 方式 帮助 用 户 减少 这 种 认 知 代价 。 


第 一 章 @ 感官 体验 


尽管 平板 电脑 属于 移动 终端 ， 但 用 户 通 常 在 住所 或 公司 里 使 用 ， 或 许 是 因 
为 人 们 认为 在 相对 安静 的 环境 使 用 平板 电脑 更 容易 让 人 集中 精力 。 然 而 ， 这 并 不 
意味 着 使 用 平板 电脑 的 环境 绝对 安静 ， 不 存在 让 用 户 分 心 的 因素 。 


聚焦 点 原理 


为 了 方便 用 户 接收 到 视觉 信息 ， 可 以 通过 屏幕 显示 设计 ， 让 用 户 能 够 立即 捕 
捉 到 最 重要 的 内 容 。 设 计 者 可 以 利用 格式 塔 学 派 ”的 聚焦 点 原理 达到 目的 。 这 条 
原理 告诉 我 们 ， 当 观察 一 幅 场 景 时 ， 人 们 注意 的 焦点 会 自然 而 然 地 被 场景 中 最 突 
出 的 部 分 所 吸引 ， 即 与 其 他 元 素 截然 不 同 的 部 分 。 


在 这 幅 几 中 ， 太 阳 是 聚焦 点 : 因为 太阳 和 周围 景物 相 比 与 众 不 同 ， 因 此 能 吸引 目光 。 


“只 焦 点 ”这 一 反应 机 制 是 人 类 与 生 俱 来 的 感 若 反 冉 ， 使 人 类 从 背景 中 辨认 
出 异常 物体 ， 防 止 受到 伤害 。 因 此 在 西方 文明 中 ， 红 色 经 营 被 当成 肾 焦 点 ， 吸 引 
人 们 的 注意 ， 预 防 危 险 发 生 。 


需要 注意 的 是 : 滥用 聚焦 点 会 让 这 一 机 制 失 效 。 如 果 想 强调 所 有 东西 ， 那 么 
任何 东西 都 不 会 给 人 留 下 印象 。 在 一 篇 文 草 中 通 篇 使 用 加 粗 字 体 或 者 大 写字 人 母 
的 时 候 ， 束 会 产生 这 种 后 果 一 一 无 法 通过 必要 的 对 比 ， 凸 显 真 正和 量 要 的 元 素 。 所 
以 ， 只 有 少量 使 用 肾 焦 点 ， 才 能 产生 既定 效果 。 


D 格式 塔 学 派 在 20 世 纪 初 兴起 于 德国 ， 是 重要 的 心理 学 流派 。 “BKB” ROBE 
“Gestalt”, BA “WAR, WA. BX”. 译 者 注 
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屏幕 上 突出 显示 聚焦 点 

让 我 们 回 到 移动 终端 设计 的 话题 上 来 。 使 用 聚焦 点 的 最 终 目的 是 令 设计 对 象 
本 身 从 整体 画面 中 脱颖而出 ， 这 就 意味 着 ， 主 要 行为 召唤 ( call-to-action ) 必须 
能 在 瞬间 唤起 用 户 的 注意 ， 绝 不 能 拖泥带水 、 模 棱 两 可 。 设 计 者 可 以 通过 视觉 表 
现形 式 创造 聚焦 点 ， 获 得 用 户 的 注意 ， 比 如 大 小 、 形 状 、 颜 色 、 位 置 。 


应 用 程序 2 
UBER UBERS “选择 上 车 地 点 ”按钮 是 一 个 聚焦 点 ， 因 为 按钮 呈现 突出 状 


GAIAOISOUZHEN WN 态 ， 与 屏幕 上 其 他 元 素 存在 明显 区 别 。 


有 


请 观 祭 下 边 的 截图 ， 在 安 卓 系统 的 导航 菜单 完全 依照 “聚焦 点 ”原理 以 求 达 
到 突出 表现 的 目的 ， 行 为 召唤 和 屏幕 其 他 部 分 完全 不 同 。 


Folders 


Photos Photos 
Jan 9, 2014 Jan 9, 2014 


Recipes Recipes 
Jan 17,2014 Jan 17, 2014 


Work Work 
Jan 28, 2014 Jan 28, 2014 


Do Dont. 

Use the accent color for your primary action bution and Don't use the accent color for app bers or larger areas of color 

components like saitches or sliders Avoid using the same color tor the floating action bution and 
the background 


安里 系统 的 导航 菜单 设计 手册 建议 ， 行 为 召唤 与 背景 不 要 使 用 同一 种 颜色 。 
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Ie + 克拉克 (Josh Clark) 在 《触动 人 心 : 设计 优秀 的 iPhone 应 用 》 一 书 
中 指出 ， 使 用 移动 终端 时 ， 屏 幕 往 往 清 晰 度 不 离 ， 因 为 在 运动 中 使 用 的 移动 终端 
所 提供 的 用 户 体验 在 细节 精细 程度 上 不 如 合式 电脑 。 


通过 动画 创造 临时 聚焦 点 

除了 在 视 党 形式 上 引起 注意 以 外 ， 设 计 者 还 可 以 通过 动画 吸引 眼球 ， 让 动画 
起 到 聚焦 点 的 作用 : 屏 才 其 他 部 分 都 呈现 静止 状态 ， 用 户 的 目光 目 然 会 被 移动 的 
部 分 吸引， 相当 于 指示 用 户 应 该 把 目光 投 同 哪里 。 需 要 再 次 强调 的 是 ， 只 有 在 不 
滥用 动画 的 前 提 条 件 下 ， 这 种 方法 才 有 效 ! 


应 用 程序 
C-WALLET 


当 用 户 选 择 商 品 时 ， 就 会 出 现 小 小 的 动画 ， 指 示 在 购买 了 这 件 商 品 后 可 以 获得 的 折扣 总 
价 ， 于 是 用 户 的 目光 上 自然 而 然 被 引导 ， 投 向 符合 逻辑 顺序 的 下 一 步行 动 一 一 行为 召唤 的 红 
色 按 钮 。 


应 用 程序 
PINTEREST 
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当 用 户 选 定 一 幅 图 时 ， 应 用 程序 显示 确认 信息 。 不 过 该 信息 仅 在 
有 限 的 时 间 内 出 现 ， 这 个 聚焦 点 随后 消失 ， 取 而 代 之 的 是 浏览 清 
单 。 值 得 注意 的 是 : 在 整个 过 程 中 ， 形 成 聚焦 点 的 是 信息 中 断 这 
一 行为 ， 而 非 信息 的 外 观 表 现 。 


标明 内 容 的 主 次 关系 

为 了 让 聚 焦点 产生 理想 的 效果 ， 设 计 者 应 该 把 屏 攻 上 出 现 的 内 容 依据 重要 性 
分 请 层次 。 这 样 用 户 能够 轻松 分 清 哪 些 是 核心 内 容 ， 哪 些 是 周边 内 容 ， 哪 些 是 行 
为 召唤 的 主要 部 分 ， 哪 些 是 行为 召唤 的 次 要 部 分 。 选 择 不 同时 图 形 设计 ， 可 以 着 
助 用 户 区 别 内 容 的 主 次 。 


标明 内 容 主 次 关系 对 使 用 也 会 产生 影响 : 被 重点 强调 的 内 容 的 使 用 频率 也 会 
更 高 。 当 然 ， 前 提 是 主要 内 容 必须 符合 用 户 的 使 用 目的 ! 


所 以 ， 我 们 应 该 提防 主 次 不 清 的 扁平 化 设计 趋势 ， 以 及 苹果 手机 中 i0S 7 和 
iOS 8 系统 一 直 使 用 的 效果 : 这 种 设计 效果 并 不 理想 ， 界 面 中 没有 任何 重点 。 所 
有 元 素 都 处 在 同一 背景 层面 ， 用 户 需要 消耗 更 多 精力 来 发 现 重要 元 素 。 

无 论 设计 者 在 什么 平台 上 工作 ， 都 应 该 在 图 画 形状 、 颜 色 、 字 体 等 方面 花 些 
心思 ， 让 用 户 遵循 设计 者 的 意图 行事 ! 
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屏幕 很 难 给 用 户 留 下 深刻 印象 ， 因 为 所 有 元 素 都 在 同一 层 


面 。 如 果 各 种 元 素 主 次 分 明 ， 用 户 消耗 的 精力 就 会 减少 。 


1. Get the insulin down—to reduc... 


About Field Trip « Field Trip 


The Top Three Myths About Learni... 


Ny 


5 im AP RI Se AP + 沃 洛 布 莱 夫 斯 基 ( Luke Wroblewski ) 在 一 次 


题 为 “未 来 移动 终端 ”(Mobile to the Future) 的 演讲 中 说 道 :;“ 移 动 终端 是 暴露 
可 用 性 问题 的 放大 镜 。” 实际 情况 的 确 如 此 ， 和 其 他 平台 相 比 ， 移 动 终端 的 每 个 


细 闻 都 至 关 重 要 ， 都 能 产生 巨大 差异 ， 因 为 任何 细节 都 有 可 能 被 用 尸 看 到 。 


预防 用 户 分 心 
为 了 优化 界面 ， 需 要 假设 用 户 在 使 用 过 程 中 可 能 不 够 专注 。 以 此 假设 为 前 
担 ， 设 计 者 会 思 碟 周全 ， 更 加 面面俱到 。 


用 户 测试 是 一 种 很 好 的 方法 ， 能 检测 出 预计 使 用 效果 和 实际 使 用 效果 的 差别 。 


尤其 需要 注意 的 是 那些 只 在 有 限时 间 内 出 现 的 重要 信息 。 在 实际 生活 中 ,用 
户 可 能 分 神 去 看 周围 事物 而 错过 这 些 信 息 ， 比 如 出 钳 信 息 束 应 该 始终 显示 。 


应 用 程序 
EVERNOTE 


应 用 程序 
YO 


应 用 程序 
CAPITAINE TRAIN 
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AMELIE 


USERNAME TAKEN 
CHOOSE ANOTHER 


GO BACK 


AZERTYUIOP 


[> Paris 


~) Nantes 


E Fri. 3 Jun at 16:00 


白 Return 


= No passengers selected 
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AMELIE 


TAP TO SIGNUP 


GO BACK 


图 中 蓝 色 信息 “该 用 户 名 已 被 占用 ” 仅 仪 
出 现 3 秒 钟 。 如 果 用 户 在 信息 内 现时 分 
心 ， 那 就 可 能 错过 这 条 信息 。 当 用 户 把 注 


意 转 回 到 屏幕 时 ， 根 本 不 清楚 发 生 了 什么 
事情 ， 于 是 用 户 会 再 次 使 用 相同 的 用 户 名 
尝试 注册 。 


Alzjelnjrlvjuljlolp 


From Paris 


To Nantes. 


Depart Today 


Return 


Passengers Nó passenger selected 


Code Avantage SNCF 


From Paris 


To Nantes 


Depart Today 18:00 


Return 


Passen Bers No passenger selected 


Code Avantage SNCF 


在 iPhone 系统 里 ， 如 果 没 有 在 “乘客 ”一 栏 输 入 信息 ， 相 应 区 域 会 短暂 地 出 现 红色 图 示 。 
而 在 安 卓 系统 里 ， 该 区 域 始终 保持 红色 ， 保 证 即使 用 户 的 注意 力 不 集 中 ， 仍 能 够 看 到 这 条 
信息 。 虽然 不 一 定 非 要 照搬 这 种 形式 ,但 原则 一 定 要 贯彻 。 男 外 ,假设 用 户 没有 看 到 出 错 
信息 ， 可 能 会 一 头 筋 水 地 再 次 提交 表格 ， 上 述 方法 可 以 避免 无 用 的 重复 操作 。 


相反 ， 当 信息 不 太 重 要 、 用 户 没 有 看 到 也 无 天 紧要 的 时 候 ， 设 计 者 可 以 使 用 
短暂 内 现 的 显示 万 法 ， 从 视觉 上 来 说 ， 这 样 能 让 界面 更 加 简洁 。 
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用 户 刚刚 选择 的 背景 颜色 名 称 只 会 
短暂 闪现 ， 然 后 消失 。 即 使 用 户 心 
不 在 看 ， 没 有 看 到 这 一 信息 ， 也 不 
会 产生 任何 后 续 影 响 。 


Share a thought Share a thought 


Fa AEA a Ted 


清理 屏幕 , 给 内 容 让 位 

当 用 户 看 到 移动 终端 的 屏幕 时 ， 需 要 使 用 选择 性 注意 的 能 力 ， 区 分 有 用 和 无 
用 的 内 容 。 这 种 辨别 过 程 不 是 自动 进行 的 ， 用 户 必须 首先 在 大 脑 中 进行 选择 分 
析 ， 然 后 把 注意 力 集中 在 有 用 的 内 容 上 。 屏 幕 上 无 用 的 信息 越 多 ， 大 脑 选 择 耗费 
的 认 知 成 本 就 越 大 。 

根据 认 知 心理 学 上 的 最 新 发 现 ， 大 脑 在 注意 模式 下 会 优先 处 理 无 用 的 信息 ， 
选择 无 视 它 们 ， 就 好 像 大 脑 在 抑制 这 些 让 人 分 心 的 信息 。 这 可 是 个 好 消息 ， 设 计 
者 可 以 帮助 用 户 减 少 大 脑 在 这 里 付出 的 辛劳 ! 只 要 屏幕 上 仅 显示 有 用 的 信息 ,用 
户 就 不 需要 花费 过 多 的 认 知 成 本 抑制 无 用 的 信息 ， 注 意 自然 会 更 多 地 集中 在 有 用 
的 信息 上 。 


“鸡尾酒 会 效应 ”有 助 于 理解 选择 性 注意 的 现象 : 在 一 个 喧闹 的 晚会 上 ， 周 
围 有 很 多 人 同时 谈话 ， 你 能 够 让 注意 保持 在 自己 的 谈话 对 象 身 上 ， 这 就 是 选择 性 
注意 的 能 力 。 然 而 ， 当 有 人 呼喊 你 的 名 字 时 ， 你 的 注意 又 会 被 吸引 过 去 ， 这 表明 
你 同时 在 关注 周围 的 情况 一 一 即使 自身 没有 意识 到 这 一 点 ， 实 际 上 ， 你 的 确 在 同 
时 处 理 周 围 的 信息 。™ 


QD 注意 力 相关 科学 知识 ， 请 参考 阅读 让 -菲利普 ， 拉 夏 所 著 的 《注意 力 : 专注 的 科学 与 训练 》 
( 刘 彦 译 ， 人 民 邮 电 出 版 社 ，2016 )。 


应 用 程序 
SECRET 


《世界 报 》 的 
应 用 程序 


应 用 程序 
IA WRITER 
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为 了 能 够 即时 为 用 户 选 择 有 用 的 信息 ,我们 可 以 使 用 交互 时 刻 的 概念 : FR 
看 到 的 屏 锻 内容、 刚刚 进行 的 操作 、 最 终 的 目标 等 不 同 因 素 ， 决 定 了 用 户 的 需 来 
也 不 一 样 。 设 计 者 应 该 目 问 ， 用 户 在 什么 时 候 需 要 导航 选项 ， 什 么 时 候 需要 把 精 
力 集 中 在 页 面 内 容 上 。 下 面 请 看 几 个 例子 。 


DÉCRYP TNE 


Un projet pédagogique 
ambitieux et généreux 


Par Qansse Faber, 
ia 5 ch Ti 2014 à Tanto 


La Philharmonie a pour projet 
d'accueillir jeunes et vieux, 
décomplexer les publics dits éloignés 


pour des raisons a socloculturelles =. 


‘On les a reconnus. Les milliers 
d'oiseaux cn alliage d'aluminium qui 
ornent la fagade de la Philharmonic de 
Paris, te sont eux: les publics, tous bes 
publics. La démocratie culturelle ext 
comme tatowhe dans la prau du 
batinent de jean Nouvel Du molns 
Pest LA question: es oiseaux want-ils 


DECRYP TNG 


Un projet pédagogique 
ambitieux et généreux 


Par Clarsse Faea 
ip 5 dboamin 2014 à hi 


La Philharmonie a pour projet 
d'accueillir jeunes et vieux, 
décomplexer les publics dits éloignés 
pour des raisons a socloculturelles s. 


On les a reconnus. Les milliers 
d'oiseaux cn alliage d'aluminium qui 
ornent la fagade de la Philharmonie de 
Paria, ge sont eux: les publics, tous bes 
publics. La démocratie culturelle est 
comme tabowhe dams la peau du 

mide jean Nouvel Du molnage 
ee a 


aeccc Free W BH LEGET G 
5 Ce soir est clair |] 十 


En un instant : ce 
bouleversement d'un instant. 
Sourire inconsciemment car ne 
plus savoir où s'ancrer, 
vacillant sur ce trottoir. 
Regretter de n'étre plus rose. 


S'emballer, co deviendrait une 
habitude mais on s'y 
retrouvait, telle quelle et 
respirant. 


Ce soir est clair. 


《世界 报 》 的 应 用 程序 让 读者 舒适 地 阅读 文章 : 一 切 设计 都 以 不 妨碍 读者 阅读 为 目的 ， 页 
面 上 只 有 文 草 内 容 。 和 其 他 报纸 的 应 用 软件 不 同 ， 此 页 面 上 没有 菜单 、 没 有 标志 、 没 有 工 
具 。 轻 轻 一 点 就 可 以 让 导航 选项 出 现 。 这 些 选项 还 会 日 动 出 现在 页 面 底部 ， 避 励 读 完 文革 
的 用 户 继续 进行 其 他 操作 。 


vacdllant sur ce trottoir. 


Regretter de n'être plus rese. | 用户 点 击 文档 任意 地 方 都 可 以 进入 输入 模 
Stemballer, ce deviendrait une xk, 导航 选项 消失 = iPhone 的 状态 栏 也 


habitude mais on s'y 


tetrouvait, telle quelle et 会 消失 。 于 是 ， 整个 屏 葛 都 用 于 书写 活动 。 


I 


Ce soir est clair. | 


Re ee ee ee ee ee ee ee | 


pe R N, C O 


NTARE ARZE, CHMN AIL, KHAR AEWRE. BK 
# (Edward Tufte) 说 过 ， 应 该 “缩小 行政 碎片 ”， 也 就 是 说 ， 在 某 一 交互 操作 
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时 刻 ， 去 除 对 用 尸 来 说 无 用 的 元 素 ， 去 除 一 切 带 有 后 台 文 持 性 质 且 没有 实质 性 内 
容 的 元 素 。 


让 文章 的 形式 利于 阅读 

凸显 视觉 信息 的 一 个 方法 是 让 用 户 对 阅读 活动 产生 兴趣 。 移 动 终端 和 其 他 媒 
介 一 样 ， 在 用 户 进行 操 作 的 核心 部 分 里 ， 提 供 的 内 容 最 为 重要 。 令 用 户 轻 松 地 获 
得 阅读 信息 ， 把 阅读 信息 作为 界面 核心 ， 会 让 用 户 活 动 明 显 简 化 。 在 移动 过 程 
中 ， 阅 读 活 动 需要 在 各 种 不 同 的 环境 中 进行 ， 而 且 这 些 环境 往往 不 够 安 裔 ， 难 以 
让 人 集中 精力 。 所 以 ， 应 该 帮助 用 户 更 容易 快速 获得 信息 和 迅速 浏览 。 

一 些 简 单 的 方法 能 够 让 文章 的 布局 更 利于 快速 浏览 。 如 果 设 计 者 要 呈现 的 是 
以 文字 为 基础 的 内 容 ， 以 下 建议 就 显得 更 为 重要 ， 尤 其 是 各 种 媒体 文章 、 报 刊 网 
Wi, ARAR TMT A tLe RS 


把 阅读 内 容 分 成 小 段 

为 了 便于 用 户 在 移动 终 山 上 阅读 ， 可 以 把 文章 分 割 成 小 息 ， 这 样 有 利于 读者 
获取 资讯 : 如 果 作者 的 每 一 个 想法 都 用 单独 的 一 小 段 文 字 呈 现 ， 那 么 这 种 布局 方 
BVA AT iLS EMI rs CRIN AA is Eo 


控制 好 背景 与 文字 的 对 比 度 

为 了 保证 读者 能 够 轻松 地 阅读 文章 ， 设 计 者 应 该 优化 背景 颜色 和 文字 颜色 的 
对 比 度 。 这 条 原则 不 但 有 利于 视力 不 佳 的 用 户 〈 随 着 人 口 不 断 老龄 化 ， 视 力 不 佳 
的 用 户 数目 将 越 来 越 多 )， 对 其 他 用 户 同 样 大 有 神 益 ! 如 果 背 景 与 文字 对 比 强烈 ， 
那么 移动 终端 用 户 即 便 处 于 光线 蜡 淡 、 反 射 光 弱 、 持 续 运 动 等 不 利于 阅读 的 环境 
中 ， 也 会 感到 更 加 舒适 。 

万 维 网 联盟 (W3C ) 就 此 制定 了 标准 ， 而 且 设 计 者 可 以 使 用 “16 进 制 颜色 
人 码 ” 等 工具 ， 测 试 颜色 和 亮度 的 差别 ， 比 如 乔纳森 斯 努 克 (Jonathan Snook ) 
设计 的 工具 测试 ， 网 址 如 下 : http:Wgoo.gIESxZPc。 如 果 你 正在 设计 移动 终端 网 
站 ， 还 可 以 在 HTML 文本 上 使 用 浏览 器 扩展 程序 完成 日 动 测试 。 


INTRA: 如 果 不 想 采纳 上 述 建 议 ,， 设计 者 还 可 以 试 试 使 用 粗 体 字 ， 也 会 让 背 
景 与 文字 的 对 比 度 更 加 明显 。 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 mm hw Of «4 
GOOGLE FIT 


Effectuez le suivi de 
toutes vos 
performances dans une 
seule application 


RETOUR SUIMVANT 


Prt OCF AT EEDE, ANCE AT] ART EE REP PEAS Se SS F. 


设计 者 可 以 根据 文章 各 部 分 的 重要 性 调整 背景 与 文字 的 对 比 度 : 不 重要 的 文 
字 可 以 与 背景 时 对 比 度 小 一 些 。 这 样 一 来 ， 设 计 者 从 视觉 上 建立 等 级 柳 度 ， 用 户 
目 然 心领神会 ， 知 道 该 信息 属于 次 要 信息 。 


应 用 程序 
WAZE 


This is coin fea. Gomes of Ht bolded. 
So oF if Raion, 


图 中 蓝 色 字 体 “ 点 击 输入 ”没有 呈现 利于 阅读 的 对 比 度 ， 不 过 这 几 个 字 对 界面 来 说 可 有 可 


无 ， 不 会 造成 不 利 影响 。 


最 后 ， 在 使 用 背景 图 片 的 时 候 ， 更 不 要 和 起 记 加 强 文字 与 背景 的 对 比 度 。 尤 其 
是 ， 网 站 更 新 需要 第 第 更 换 月 景 图 乒 ， 文 字 设 计 和 更 需 留心 。 如 果 设 计 者 无 法 全 权 
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决定 使 用 何 种 背景 图 片 ， 那 么 一 定 要 挑选 一 种 适合 任何 背景 的 字体 颜色 ， 或 者 设 
计 一 种 无 论 使 用 什么 背景 图 片 ， 文 字 依 然 能 保持 清晰 、 醒 目的 界面 。 


f FRANCE 
franceinter G 无 论 搭 配 何 种 新 闻 图 片 ， 这 种 背景 颜色 和 标题 设计 都 让 文字 INTER 
ALAUNI 清晰 醒目 。 三 播 电台 的 
a by We 应 用 程序 
优化 文字 大 小 
如 果 文 草 中 的 文字 太 小 ， 阅 读 必 然 受 到 有 影响。 很 难 笼 统 地 指出 用 多 大 字号 的 
文字 最 适合 ， 因 为 决定 因素 非常 多 ， 比 如 文章 的 长 度 、 使 用 的 字体 、 文 章 内 容 的 
重要 程度 、 目 标 读者 群 等 。 
应 用 程序 
J 即使 在 表格 中 ， 文 字 大 小 都 非常 关键 ! YUMMLY 注册 表格 | YUMMLY 


中 的 文字 太 小 ， 恺 怕 会 让 用 户 在 填 表 时 感到 不 适 。 


15 


匠心 体验 O 智能 手机 与 平板 电脑 的 用 户 体验 设计 


总 之 ， 与 其 给 用 户 提 供 改 这 文字 大 小 时 工具 ， 不 如 直 接 采用 让 用 户 感 到 舒适 
的 字体 和 字号 。 如 果 设 计 者 无 论 如 何 都 要 提供 改变 文字 大 小 的 工具 ， 请 把 这 个 工 
有 具 放 在 专门 时 设置 选项 里 ， 不 要 将 其 始终 放置 在 屏幕 上 ， 人 否则 会 影响 阅读 。 在 实 
际 应 用 中 ,用户 并 不 会 经 种 使 用 这 种 工具 。 


Mrs zz tab A 
法 国 《 解 放 报 》 的 Tie it eee ae 
应 用 程序 BEAT re raconte son travail de fourmi, 
(n) © (a) (+) toujours manuscrit, dans la lenteur. 


PAR CLAIRE DEVARFNEWK 


Ltée n Patrick Modiano le Y octobre 
1014 å å Paris, apres “ate a da ee 
Mobel de litterature, Photo 

Sar AFP 


Dans le burcau de Patrick 
Koao; qui habite près du 


《 赫 分 顿 邮 报 》 应 用 程序 中 的 字号 大 小 控制 工具 比 《 解 放 报 》 的 设计 更 合理 ， 因 为 《解放 
th) 的 控制 工具 始终 位 于 文章 前 景 ， 妨 碍 了 阅读 。 


行 间 距 与 页 边 距 
提高 阅读 舒适 度 的 最 后 一 个 基本 要 氮 是 预 设 好 行 间距 和 页 边 距 。 如 果 文 草 有 
“呼吸 ”的 空间 ， 用 户 会 感到 更 舒适 ， 更 容易 获取 信息 。 
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sur le guerre en Ukraine, dans laquelle 
Moscou nie ttre impliqué. 


De retour du Karakhstan, où il effectuait 
umg visile Och, vendredi 5 a samedi 
6 décembre, François Hollande fait en 
ce moment une escala à Moscou pour 
renoonirar son homologue russe, 
Whadirnir Poutine. 


Cette rencontre de demière minute a 
pour thème principal la gurme en 
Ukraine, dans laquelle Moscou nit, 
contre toute évidence, ŝire implique. 
object! est toujours d'obtenir une = 
dèsescalade = dang of confit, an 
panami des accords signes le 5 
septembre à Minsk, Gaux-ci prawobeni 
une cassation des hostilities, un conte 
partagé de la frontière russo- 
ukrainienne, mais aussi l'amorce par 
Kiev d'una rehonme politique gui oftrirait 
pus d'autonomés aux rigpons du 
Donbass en guarra. 


Depuis ces accords, las combate ont 


E 


ohh) Fines a mes 


ri bere fr 


7 67 % be 


Lo massage que Paris onbend faire passer ù Mi. 
Poutine, wi qui navat jamais hb posò de lapon asgi 


OTAN, « Cleat muinianant gis RU dp anig fare 
iibi ded gs idle, et pat Sele 
Gad Techies s, digai-on du old de TEs 


LA LIVRAISGN DES MISTRAL AU MENU 


Ln dose de la livraison du promier des dou 
TEN Misiral à Moscow devrait pusal ding mu mamia 
do glip bria rencontre entre Wea d hommes, 
doni la hrm neoni re Š ko Ti 
Veededi, Terigurage de TE Di aoira avar un 
ilai « contreciod! = de bi men avani que ne be 
pose li guitian odventuelies panakhia, 


Gate arinaa inferdent deux ours aprii i 
ur axina dit cy M, Petita. clare equal 
le praken rusia den eal pris A MOccdent, gui a 
inna d la Phi das rt « Ft poor haut 
fe monde =. Selon jui, mira cies la crise er 
Ukraine, les Gockdeniaux a duraienl kanit autre 
chose pour fresinar jes possibdités crovssantes co la 
Russis s. 


i 


TE ÍR K ÉI Z o 


et à Fespoir. L'artiste a éié 
nommé en 2014 å la direction du Thédtre des 13 
vents à Montpellier. Poseur de bombes attitré du 


scène une parole qui veut aller du désert au 
déluge et de la sueur au sang. Ses comédiens 
traversent des cimetières en chantant une ode à 
la vie, Le ciel est gris, mais vers le soir, on 
pourra voir les étolles. Pierre Notte 


production Scènes & Cités, coproduction Théâtre 


比较 一 下 人 《地界 报 》 的 应 用 程序 和 移动 络 
该 轻松 而 和 舒适， 而 移动 终端 网 站 里 的 文章 页 边 距 过 


Ecologie-Les Verts (EELV) estime que 
«les conditions (d'une participation au 
gouvernement) n'était pas réunies en 
avril, elles le sont encore moins 
aujourd'hui». «On ne nous l'a pas 


des écologistes. Un bureau exécutif qui 


la non-participation au nouveau 
gouvernement Valls, «la réalité étant 
qu'on ne peut pas discuter d'un 
changement de cap». 


MONTEBOURG : «CES POLITIQUES 
D'AUSTERITE NE MARCHENT PAS» 


17m5. Autre élément a retenir de 


laissé entendre qu'Aurelie Filippetti et 
Benoit Hamon ne feraient pas partie du 


A vais PX] Wi, paler tenes cae 
E e A 


l'intervention d'Arnaud Montebourg : il a 


， 让 阅 


proposé», a également précisé la patronne 


s'est tenu lundi midi a été «unanime» sur 


行 间 距 导致 阅读 舒适 


EE 


现 差异 。 


颜色 、 字 号 、 行 间距 、 


Fay 


。 把 上 述 元 素 调整 好 ， 


边 距 等 元 素 很 容易 调整 


， 我 不 再 化 费 过 多 时 间 解 


a E E 


《世界 报 》 的 
应 用 软件 和 移 
动 终端 网 站 


THEATRE DU 
ROND-POINT 
和 《解放 报 》 的 
移动 终端 网 站 
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触 先 体验 


用 户 通 过 “ 扣 触 ”直接 与 智能 手机 和 平板 电脑 交流 、 下 达 指 示 、 在 屏幕 上 运 
行 各 种 功能 、 享 受 服 务 …… 充 分 使 用 移动 终端 。 为 了 优化 移动 终 咽 的 用 户 体 验 ， 
需要 考虑 到 这 种 操作 模式 的 内 在 制约 ， 通 过 设计 让 移动 终 闹 能 够 与 之 适应 。 


人 简化 触 屏 交互 操作 

同样 ， 用 户 对 触 屏 的 实际 体验 通常 不 如 设计 者 预想 的 那么 好 : 用 户 不 一 定 总 
能 将 两 只 手 都 空闲 出 来 操作 移动 终端 ， 而 且 未 必 有 充足 的 时 间 。 用 户 所 处 的 环境 
可 能 令 其 无 法 准确 点 击 触 屏 。 

在 设计 构思 触 屏 界面 时 ， 必 须 遵守 费 茨 法 则 。 这 条 法 则 规定 ， 人 们 为 达到 目 
标 所 花费 的 时 间 要 与 该 目标 所 处 的 距离 以 及 目标 大 小 成 正比 。 具 体 说 来 ， 一 个 目 
标的 距离 越 近 、 体 积 越 大 ， 达 成 目标 的 速度 就 越 忆 


费 茨 法 则 可 以 用 一 个 对 数 函 数 表 示 ， 推 导出 如 下 结论 : 同样 微小 的 优化 措 
施 ， 实 施 在 体积 较 小 物体 上 要 比 实施 在 较 大 物体 上 产生 更 大 的 效果 。 参 数 换 成 距 
离 ， 也 会 得 出 同样 的 答案 。 出 于 教学 需要 ， 我 们 分 开 讨 论 体积 和 上 距离 两 个 参数 ， 
但 在 数学 公式 中 ， 目 标的 体积 和 距离 之 间 的 互相 作用 非常 复杂 。 


妆 近 手指 的 区 域 

功能 越 重 要 ， 就 应 该 越 “ 触 手 可 及 "。 根 据 费 茨 法 则 ， 应 该 把 最 重要 的 功能 
安置 在 距离 用 户 手指 最 近 的 地 方 。 但 是 ， 由 于 移动 终端 的 各 种 型 号 差别 很 大 ， 使 
用 方法 也 千差万别 ， 实 施 费 区 法 则 非常 困难 。 


触及 难 易 度 与 舒适 区 

用 户 仿 好 使 用 左手 还 是 右手 、 持 握 电 话 的 习惯 姿势 、 移 动 终端 的 尺寸 大 小 等 
因素 都 存在 差异 。 因 此 ， 用 户 触及 屏 瑚 区 域 的 难 易 程 度 也 不 尽 相 同 。 费 次 该 则 里 
的 “就 近 ” 概 念 会 受到 具体 环境 变化 的 影响 。 所 以 ,很 难 设计 出 适应 所 有 情况 的 
通用 界面 。 一 种 设计 理念 是 : 优先 考虑 最 妆 遇 到 的 情况 。 但 哪些 才 是 最 常 遇 到 的 
情况 呢 ?” 以 屏 副 尺寸 和 用 户 的 人 体 和 学 特点 为 基础 的 “ 千 适 区 原理 ”成 为 大 多 数 设 
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计 者 的 理论 依据 。 由 此 ， 我 们 可 以 在 智能 手机 的 屏幕 上 划分 出 较 易 触及 区 域 和 较 
难 触及 区 域 。 但 是 ， 这 种 区 域 划分 和 用 户 的 个 人 使 用 习惯 息息相关 ， 所 以 ,设计 
者 将 理论 依据 付 诸 实 践 时 ， 还 应 该 加 倍 小 心 。 


用 户 握 持 手 机 的 不 同方 式 决定 了 可 触及 的 屏 闯 区 域 。 很 明显 ， 手 机 屏 磊 的 大 小 也 起 到 了 
重要 作用 。 想 要 设计 一 款 适 合 所 有 使 用 方式 和 情景 的 理想 手机 真是 太 难 了 ! 信息 来 源 : 
How Do Users Really Hold Mobile Devices? by Steven Hoober (UX Matters), February 18, 2013, 
http://bit.ly/Irrm9bf 。 


2013 年， 斯蒂芬. 胡 博 (Steven Hoober ) 和 他 的 同事 观察 了 1333 名 移动 电 
话 用 户 ， 对 他 们 握 持 智能 手机 的 方式 进行 了 调查 统计 。 
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单 手 操作 手掌 握 持 双手 操作 
49% 36% 15% 


d ke 
we 
eS 
一 


28% 


拇指 操作 
75% 


对 用 户 握 持 智能 手机 方式 的 调查 统计 结果 表明 : 75% 的 用 户 使 用 大 拇指 操作 智能 手机 。 信 


ERKI : 同上 o 


明博 提出 “拇指 区 域 ” 这 一 概念 ， 指 用 单 手 操作 手机 时 最 舒适 的 触 屏 区 域 。 
( HOOBER Steven. Designing Mobile Interfaces. USA. O’ Reilly. 2011 ) 


共计 75% 的 用 户 使 用 大 拇指 操作 智能 手机 ， 因 此 ， 设 计时 首 移 要 考虑 如 何 
满足 此 类 用 户 的 需要 。 人 鉴于 绝 大 多 数 人 用 大 拇指 操作 ， 加 之 智能 手机 的 屏 需 很 
大 ， 因 此 ， 屏 医 的 顶端 很 难 补 手指 触摸 到 。 

实地 研究 的 结果 同样 表明 ， 通 过 了 解 用 户 习 惯用 左手 还 是 右手 操作 ， 很 难 决 
定 如 何 设计 移动 终 病 的 界面 。 其 实 ,“ 左 撤 子 ”并 不 是 用 户 使 用 左手 拇指 的 唯一 
原因 。 在 研究 中 ， 胡 博 发 现在 使 用 大 拇指 操作 手机 的 人 群 中 ，67% 使 用 右手 拇 
fa, 33% 使 用 左手 手指 ， 而 后 者 之 中 仅 有 10% 是 真正 的 “ 左 撤 子 ”。 用 户 所 处 的 
具体 环境 解释 了 为 什么 有 这 么 多 人 使 用 左手 拇指 : 偏好 右手 的 人 也 惯用 左手 操作 
手机 ， 往 往 是 因为 他 的 右手 要 执行 其 他 任务 。 

尤其 是 ， 用 户 握 持 手 机 的 方式 不 会 一 成 不 要 。 除 了 个 人 习惯 ， 手 机 的 具体 用 
途 和 使 用 环境 都 会 产生 影响 。 我 们 发 现 ， 在 连续 使 用 手机 的 同一 时 间 段 内 ， 人 们 
根据 不 同 的 具体 活动 会 频繁 地 改变 手 的 位 置 与 姿势 。 


大 按钮 设计 ， 无论 用 户 偏 爱 左手 还 是 右手 操作 都 十 分 方便 。 
比如 在 COLETTE 网 站 的 购物 车 里 ， 用 户 使 用 任何 一 只 手 都 能 
非常 容易 地 按 下 “付款 ”按钮 ， 因 为 这 个 按钮 几乎 横 跨 整个 
屏幕 。 不 过 ， 必 须 注意 按钮 的 外 观 设计 : 行为 召唤 按钮 不 应 该 
紧 挨 屏 幕 边 缘 ， 这 样 才能 让 用 户 迅速 发 现 这 是 一 个 按钮 。 


Subtotal (Excl. Tax) €583.33 
Total Incl, Tax €700.00 
E wsrnsted sheppeng costs Inchuaed 


ENIF, (REEF ARS. ELAR, RKA EEA 
方式 吗 ? 一 切 都 取决 于 外 界 环境 的 制约 : 在 办 公 室 的 长 沙发 上 安 坐 看 发 短信 ， 与 
在 公共 汽车 上 一 边 紧 抓 着 扶手 一 边 发 短信 ， 还 要 担心 别 控 倒 ， 在 两 种 情况 下 ， 你 
会 使 用 同 标 的 握 持 姿势 吗 ? 可 见 ， 握 持 移 动 电话 的 方式 要 配合 用 户 正 在 从 事 的 活 
动 和 所 处 的 环境 。 

实际 上 ， 移 动 终端 设备 多 种 多 样 ， 用 途 干 杰 万 化 ， 设 计时 绝 不 能 仅 插 一 两 种 
因素 就 决定 页 面 各 个 组 成 元 素 的 分 布 。 另 外 ,设计 者 还 需要 考虑 惯例 问题 。 如 果 
用 户 已 经 习惯 于 在 某 个 位 置 使 用 菜 蛙 ,那么 通 凋 建议 大 家 在 同样 的 地 方 放 置 菜 
尤其 ， 如 果 设 计 者 开发 的 应 用 程序 与 网 站 并 不 常见 ， 这 种 情况 下 就 更 需要 如 此 。 

思 之 ， 作 为 移动 终端 的 设计 者 ， 必 须 了 解 移动 终 咒 使 用 过 程 中 人 体 测 量 笃 方 
面 的 限制 ， 同 时 还 要 考虑 理论 上 的 使 用 “和 舒适 区 ”问题 。 然 而 ， 上 述 因素 只 是 设 
计 者 思考 的 前 所 和 框 染 ， 而 不 是 具体 的 指导 工具 。 

同样 的 问题 也 适用 于 平板 电脑 ， 平 板 电脑 的 种 类 和 用 途 同样 多 种 多 样 。 人 们 
通过 观 级 发 现 ， 由 于 平板 电脑 体积 较 大 ， 绝 大 多 数 人 会 用 双手 进行 操作 。 另 外 ， 
用 户 币 芝 横 回 握 持平 板 电 脑 ， 于 是 平板 电脑 的 理论 舒适 区 位 于 屏 贿 下 部 和 中 间 ， 
而 屏 萌 上 部 和 中 心 部 分 的 使 用 频率 相对 较 低 。 


COLETTE 的 
移动 终端 网 站 
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SPOTIFY 
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RAM GD 智能 手机 与 平板 电脑 的 用 户 体验 设计 


平板 电脑 使 用 的 理论 舒适 区 。 信 息 来 源 : 卢 克 ' 沃 洛 布 莱 夫 斯 其 ，www.lukew.com。 


平板 手机 介 于 智能 手机 和 平板 电脑 之 间 ， 同 样 存在 需要 适应 环境 的 难题 。 手 
机 越 大 ， 手 指 触 及 苑 围 的 问题 越 严 峻 。 尽 管 移动 终端 的 大 小 很 大 程度 上 决定 了 握 
持 方 式 ， 但 仅 靠 握 持 方式 也 不 能 解决 所 有 问题 。 现 在 已 经 出 现 了 一 些 系统 功能 ， 
让 用 户 更 容易 地 触及 屏 贿 的 某 些 区 域 。 平 果 手 机 在 iPhone 6 和 iPhone 6 Plus 上 
配备 了 “快速 使 用 ”( reachability ) 手势 功能 。 虽 然 新 手 或 许 难以 驾驭 这 种 功能 ， 
(AON FLA AA ASE REVS RENEE Kin, ARAM. MA, KH 
能 展现 了 工业 价值 。 


“快速 使 用 ”功能 可 以 让 用 户 通过 双击 主 按 钮 使 屏幕 下 降 ， 如 此 一 来 ， 在 屏 硕 上 部 的 订单 
会 下 移 到 距离 用 户 手指 较 近 的 地 方 。 设 计 者 预计 ， 双 击 按钮 让 沫 单 徘 近 手指 ， 比 改变 手 的 
位 置 或 者 用 手指 请 回 沫 单 的 动作 更 能 引起 用 户 的 兴 
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我 在 此 讨论 触及 难 易 度 和 “舒适 区 ”的 问题 ， 其 实 也 是 为 了 体现 用 户 测试 在 
设计 中 的 必要 性 : 设备 类 型 和 功能 越 丰 宇多 样 ， 服 务 的 可 用 性 惑 越 局 限 在 理论 层 
面 。 用 户 的 最 终 使 用 情况 总 会 出 人 意料 ， 所 以 ， 评 佑 测试 显得 至 关 重 要 。 设 计 者 
必须 牢记 ， 每 个 人 的 生活 经 历 都 是 独一无二 的 ， 我 们 在 设计 工作 中 遇 到 的 情况 更 
是 复杂 多 样 ， 所 以 ， 预 先 设 想 与 实际 情况 必然 存在 差距 。" 


顺应 使 用 方法 


为 了 让 行为 召唤 靠近 用 户 的 手指 ， 最 好 仔细 研究 习惯 用 法 ， 预 测 手指 在 屏 戎 
上 的 位 置 。 对 于 遵循 时 间 顺 序 的 操作 ， 或 者 通过 界面 引导 用 户 投 一 定 路 径 〈 比如 
表格 ) 连续 进行 的 操作 ， 尤 其 需要 考虑 用 户 习 惯 的 使 用 方法 。 


Connexion | Simeria Fuboaner dis 14 0) z IE 浏览 器 的 


应 用 程序 
Se Monde. ir 


Msa h rer h 15nd2 = Pores 


Attentats 4 Paris : 4 questions 
sur une couverture médiatique 


hors normes 


TE Deas SLE AZ Windows Phone 的 底部 ， 尽 管 按照 惯例 不 应 该 放 在 这 个 位 置 ， 但 设 
计 者 如 此 选择 有 着 不 可 否认 的 优点 : 地 址 栏 距离 用 户 的 手指 更 近 ， 用 户 使 用 键盘 在 地 址 栏 
上 输入 文字 更 加 便捷 。 


O ， 如果 想 进一步 了 解 用 户 测试 方法 ， 推 荐 阅读 模 本 微 也 所 著 的 《用 户 体 验 与 可 用 性 测试 》( 陈 
哺 译 ， 人 民 邮 电 出 版 社 ，2015 )。 一 一 编者 注 
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平板 电脑 应 用 程序 
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匠心 体验 QO 智能 手机 与 平板 电脑 的 用 户 体验 设计 


当 输入 最 后 一 个 搜索 标准 后 ， 用 
户 不 能 立刻 进行 搜索 ， 而 是 首先 
有 要 隐藏 键盘 ， 然 后 才 可 以 看 到 
开始 搜索 ”按钮 。 


设计 者 在 皖 试 依据 “舒适 区 ”原则 优化 屏幕 元 素 的 摆 放 位 置 时 ， 关 键 在 于 如 
何 找到 满足 各 种 要 求 的 平衡 点 。 和 大 多 数 用 户 体 验 设 计 一 样 ， 设 计 者 需要 回 到 根 
本 性 问题 : 用户 的 站 要 目的 是 什么 ? 需要 进一步 改善 的 最 常用 内 容 是 什么 ?通过 
优化 主要 行为 召唤 的 位 置 ， 设 计 者 应 该 让 用 户 很 容易 触及 到 最 频繁 使 用 的 功能 ， 
同时 ， 可 以 把 使 用 频率 较 低 的 功能 或 者 不 重要 的 行为 召唤 放置 于 相对 较 难 触及 到 
的 地 方 。 


这 里 谈 到 的 优化 目标 ,不 一 定 是 让 用 户 感 到 使 用 便利 ， 而 是 帮助 用 户 迅 速 
使 用 。 好 在 ， 由 于 按钮 在 屏幕 上 的 位 置 不 同 ， 用 户 不 一 定 能 意识 到 一 个 按钮 比 另 
一 个 按钮 更 难 触 及 。 


第 一 章 OQ 感官 体验 


超越 位 置 的 束缚 

可 触 控 元 素 与 手指 距离 的 话题 至 此 要 告 一 段落 了 。 最 后 请 记 住 ， 如 果 你 想 让 
某 一 种 功能 靠近 用 户 的 手指 ， 最 佳 解 决 方案 可 能 是 : 及 用 操作 手势 ， 让 该 功能 
处 不 在 ， 又 触 不 可 及 。 

我 随后 会 专门 讨论 操作 手势 问题 。 值 得 一 提 的 是 ， 手 势 有 一 个 很 大 的 好 
处 一 一 不 会 被 限制 在 屏 才 的 肝 一 个 区 域内 : TEL ARR, FEMS 
右 ， 还 是 从 上 到 下 ， 用 户 轻 松 地 从 一 个 元 素 跳 到 另 一 个 元 素 。 这 样 一 来 ， 设 计 者 
acne CE bes EER RA AY AR eT | 


足够 大 的 活动 区 域 


莹 次 法 则 的 第 二 个 参数 是 可 触 探 元 素 的 大 小 。 用 望 手指 的 大 小 无 法 改变 ， 但 
手指 的 大 小 决定 了 在 屏幕 点 击 的 准确 度 。 如 果 屏 医 上 的 元 素 过 小 ， 用 户 束 难免 
出 现 操作 失误 。 于 是 ， 为 了 操作 更 加 准确 ， 用 户 会 花费 更 多 时 间 ， 采 取 防 止 犯 钳 
的 保护 性 行为 : 放 慢 操作 速度 ， 才 能 降低 犯错 的 几率 。 因 此 ， 用 户 的 操作 速度 不 
得 不 减缓 。 

设计 者 的 解决 方法 很 简单 : 在 屏 莉 上 预 留 足够 大 的 面积 ， 让 用 户 从 容 操作 。 
因此 ， 设 计 痢 必须 注意 : 活动 区 域 的 大 小 不 能 低 于 一 个 下 限 。 如 果 注 意 一 下 各 个 
移动 终端 制造 商 的 技术 指南 就 会 发 现 ， 制 造 商 建议 的 可 触 控 元 素 的 大 小 应 该 在 9 
BOK BE 12 毫米 之 间 。 用 户 在 静止 状况 下 使 用 触 屏 ， 可 触 控 元 素 大 小 的 最 小 值 是 
62K; 用 户 在 移动 或 精力 分 散 的 状态 下 使 用 触 屏 ， 最 小 值 是 8 BK. WRI 
者 硕 望 保证 用 户 在 任何 情况 下 都 能 准确 无 误 地 操控 ， 那 么 最 小 值 应 设 定 为 10 二 
米 。 如 果 误 触 屏 才 会 造成 严重 后 果 ， 设 计 者 需要 继续 提高 下 限 。 
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应 用 程序 E 
FIDME < 


1 paquet 


| os Pampers Active Fit: 3.00 § 
四 


名 < A a of 


SWIFFER: 2.00 € 
1 PRODUIT AU CHOIX DANS LA GAMME | 
四 a< n o | 


Always: 1.00 € 


1 prodat dans la gamane infirety 


a <s n o 
Always Discreet: 2.00 € 


1 pack Ge la gamme Always Discreet pour 
fates unnaies 


es <n 加 
| 1I Quézac: 0.60 € 


| 
1 pack 6x1 St | 3 


FHF m ROT AER Elia), FP DOS EA. ORR RAV F Beta PIE RTA 
通 , 但 用 于 可 触 控 元 素来 说 实在 太 小 了 。 


注意 ， 这 里 所 说 的 “可 触 控 元 素 的 大 小 ”不 是 在 屏 医 上 看 到 的 元 素 大 小 ， 而 
包括 了 该 元 素 周 围 在 内 的 全 部 可 触 控 区 域 。 


alll 


TH SEI A EDA A), mM AT PE II), Ja EEK 
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可 触 近 区域 的 尺寸 对 操作 错误 率 的 影响 巨大 ， 对 用 户 体验 非常 重要 : 当 可 
触 控 区 域 为 3 毫米 时 ， 点 击 错 误 率 超过 20%; 为 9 毫米 时 ， 点 击 错误 率 下 降 到 
0.3%0。 


3 BK 5 毫米 7 2K 9 毫米 
v v v 9) 
20% 3% 1% 0,5% 
错误 率 错误 率 错误 率 错误 率 


错误 率 和 可 触 控 区 域 大 小 的 关系 密切 。 信 息 来 源 :《 Windows 8 touch 用 户 使 用 指南 》 


在 谈论 可 触 控 区 域 太 寸 时 ， 用 像素 作为 单位 意义 不 大 ， 因 为 像素 的 密度 因 
所 用 终端 不 同 而 不 同 。 


忌 之 ,设计 者 不 必 在 可 接受 的 最 小 尺寸 上 纠结 : 设计 者 如 果 认 为 某 个 元 素 非 
Mee, MAE; 如 果 某 项 功能 的 使 用 频率 高 ， 就 应 访 让 用 尸 迅速 发 现 
它 。 预 测 使 用 情景 越 题 艇 ， 设 计 者 惑 越 应 该 预 设 足 够 大 的 可 触 控 区 域 ， 便 于 用 户 
操作 。 

需要 注意 的 是 ， 可 触 皖 区 域 并 非 越 大 越 好 ， 一 且 超 过 一 定 的 限度 ， 反 而 起 不 
到 方便 用 户 触 控 的 作用 。 更 糟糕 的 是 ， 当 行为 召唤 标志 过 大 时 ， 用 户 似乎 更 加 难 
以 发 现 一 一 因为 过 大 的 图 标 会 让 人 误 以 为 是 背景 而 不 是 按钮 …… 


切记 ， 元 素 本 身 的 特性 也 会 影响 人 们 对 其 大 小 的 感受 ! 一 个 标 有 “保存 ” 
字样 的 按钮 要 比 标 有 “OK” 的 按钮 更 明显 ， 一 个 标 有 “继续 ”字样 的 按钮 要 比 
仅 画 镍 箭头 的 按钮 更 能 吸引 人 。 
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iOS 系统 和 
安 卓 系统 


€ Settings Bluetooth 


Huet 


Lette eaaa Md Pay ered. ane improved 
aber turræd on 


iOS 系统 回 到 “设置 ”画面 的 操作 更 加 容易 ， 因 为 可 触 控 区 域 更 大 ， 包 含 了 箭头 和 说 明 
字样 ， 而 安里 系统 仅 有 箭头 区 域 可 以 触 控 。 所 以 在 使 用 安里 系统 时 ， 用 户 需 要 更 精确 地 
“ 腊 准 ”才能 操作 。 可 触 控 区 域 大 小 对 于 经 稼 使 用 的 导航 功能 来 说 非常 重要 。 


TE PY RF EX teh (a) Fu FF BB eS 
调整 大 小 的 一 个 结果 是 增加 可 触 控 区 域 彼此 之 间 的 距离 。 因 为 屏幕 上 的 各 个 
元 素 距 离 越 近 ， 用 户 会 越 来 越 放 慢 操作 速度 ， 这 样 才 便于 精确 操作 。 下 边 一 点 
值得 注意 : 尺寸 大 小 和 各 个 区 域 之 则 的 距离 二 者 之 间 相 互 天 联 ， 各 个 元 素面 积 越 
K, WEZER, AES 习惯 于 点 击 屏 医 上 所 显示 元 素 的 中 心 。 
THEATRE DU [mmes no 75Na 


Bs er rp 红色 “购买 ”按钮 和 下 面 的 红色 箭头 “日 期 细节 ”两 个 行为 
移动 终端 网 站 ED 召唤 的 按钮 间距 过 小 ， 用 户 操作 时 容易 出 现 失误 ， 并 会 因此 


放 慢 速度 以 提高 准确 度 。 
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用 户 能 够 使 用 什么 ”如 何 使 用 ? 

一 个 成 功 的 触 屏 界面 能 够 让 用 户 毫 无 差错 地 辨别 出 哪些 属于 可 触 控 元 素 ， 哪 
些 不 是 。 而 且 可 触 控 元 素 应 当 显而易见 ， 辨 别 可 甬 控 元 素 的 行为 不 需要 调动 任何 
主观 意识 的 思考 一 用 户 无 需 多 想 ， 就 能 轻松 地 在 触 屏 上 浏览 操作 ，。 


功能 可 供 性 

为 了 让 用 户 理解 可 以 在 哪里 进行 操作 ， 设 计 者 应 该 充分 利用 功能 可 供 性 
(affordance ) 的 概念 。 功 能 可 供 性 是 事物 自身 特点 所 显示 出 的 操作 可 能 性 。 比 
如 ， 当 你 站 在 一 扇 门 前 ， 一 系列 迹象 会 让 你 在 开门 前 就 知道 如 何 打开 这 扁 门 : 
推拉， 还 是 像 推拉 门 一 样 滑动 打开 。 迹 象 分 为 暗示 迹象 和 明示 迹象 : 暗示 迹象 
包括 门 把 手 的 形状 、 是 否 存在 水 平方 向 横 跨 整个 门 宽度 的 门 栓 、 合 页 的 位 置 等 ; 
明示 迹象 包括 门 上 的 指示 文字 “ 推 "*、 好 心 人 告诉 你 要 推 开门 、 走 在 前 边 的 人 已 
经 把 门 推 开 等 。 


猜 一 猜 不 同类 型 的 门 该 如 何 打开 。 门 和 把 手 的 形状 等 外 部 信息 提供 了 开门 方法 的 线索 ， 
这 承 是 所 谓 的 “功能 可 供 性 ”。 


20 世纪 70 年 代 末 ， 篇 姆 斯 . 吉布森 (James J. Gibson ) 在 认 知 心理 学 的 研究 
过 程 中 创造 了 “功能 可 供 性 ”的 概念 。1988 年 ， 唐 纳 德 ， 诺 曼 (Donald Norman ) 
在 著名 的 《日 常事 物 中 的 心理 学 》( The Psychology of Everyday Things) 一 书 中 
重 提 这 一 概念 。 此 后 , “功能 可 供 性 ”概念 被 3 引入 人 机 交互 领域 。 


先天 的 思维 方式 和 经 验 习 得 的 后 天 习惯 都 会 影响 人 们 对 功能 可 供 性 的 认 知 。 
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4 iPad 上 使 用 的 
超市 应 用 程序 
MONOPRIX 
COURSES 


应 用 程序 
MAKEUP 
GENIUS 
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通过 外 形 展 现 功能 可 供 性 的 行为 召唤 

设计 具有 功能 可 供 性 的 行为 召唤 ， 就 应 该 向 用 户 毫 无 保留 地 展示 可 操作 的 目 
标 。 用 户 能 迅速 通过 目标 的 外 在 表现 ， 把 它们 辨认 出 来 。 所 以 ， 这 些 目标 和 屏幕 
其 他 部 分 相 比 ， 必 须要 脱颖而出 ( 前 边 音节 中 谈 到 的 聚焦 点 原理 )， 而 且 要 符合 
BØ: 按钮、 链接 、 菜 单 应 该 和 用 户 以 往 在 使 用 经 验 中 熟知 的 按钮 、 链 接 、 菜 音 
相似 。 成 功 的 行为 召唤 就 好 像 在 朝 人 们 高 呼 : “用 我 ! 快 用 我 1” 


用 户 知道 可 以 操作 “+”， 因 为 根据 其 外 形 ， 用 户 会 将 其 视 为 一 个 按钮 ( 包含 图 示 的 圆 峰 )， 
而 且 “+” 十 分 突出 ， 比 屏幕 上 的 其 他 部 分 更 能 吸引 注意 。 


这 张 页 面 更 像 广告 而 非 导 航 页 面 ， 两 个 导航 选项 的 功能 可 供 
性 太 弱 : 用 户 需 要 花 一 段 时 间 才 能 理解 这 是 两 个 操作 按钮 。 


Essayez nos 
PRODUITS 


第 一 章 OQ 感官 体验 


在 移动 终端 上 ， 功 能 可 供 性 是 用 户 唯一 可 以 依靠 的 提示 ， 用 来 发 现 可 操作 
元 素 。 与 使 用 鼠标 指针 的 界面 不 同 ， 触 屏 界 面 不 能 把 鼠标 指针 放 在 元 素 上 来 确定 
是 否 可 以 操作 。 


添加 说 明文 字 , 凸显 功能 可 供 性 


图 标的 大 小 并 非 唯一 让 功能 可 供 性 更 加 明显 的 手段 。 加 入 说 明文 字 同 样 大 有 
用 处 。 在 所 有 的 说 明文 字 之 中 ， 指 令 化 动词 (动词 原形 或 命令 式 ) 能 让 功能 可 供 
MESS tS BHAI. EX, HAM Sam AR oom RE, PPAR IE 
标注 的 “ 推 ” 或 “ 拉 ” 字 。 


文字 能 优化 元 素 的 功能 可 供 性 ， 因 为 文字 加 入 了 语义 学 的 意义 。 除 此 之 外 ， 
元 素 在 加 入 文字 后 尺寸 还 会 增 大 ,让 用 户 更 容易 看 到 ， 增 加 点 击 的 机 会 。 


但 是 ， 仅 仅 加 入 说 明文 字 并 不 够 。 说 明文 字 往 往 会 被 漠 没 在 屏幕 上 的 大 量 文字 
之 中 。 对 用 户 来 记 ， 区 分 可 操作 文字 和 普通 文字 并 非 易 事 。 前 文 曾经 提 到 ， 在 苹果 
iOS7 或 iOS8 操作 系统 中 ， 由 于 图 形 风 格 选择 不 当 ， 屏 幕 元 素 的 分 布 有 时 会 出 现 
困难 ， 有 具体 来 说 ， 就 是 用 户 感 受到 的 功能 可 供 性 不 像 设 计 者 预想 的 那么 明显 。 
Coa mmes | “接受 ”按钮 仅 低位 置 及 说 明文 字 与 周围 元 素 区 分 。 可 是 ， 
ee wee | “接受 ”一 词 浴 没 在 文字 的 海洋 之 中 ， 用 户 很 难 发 现 这 个 重要 
Privacy Polleyhave changed. | 的 行为 召唤 。 结 果 ， 用 户 适应 起 来 更 困难 ， 需 要 花费 更 多 时 


The iTunes Store Terms and Conditions have | ” 间 才 会 点 击 相 应 链接 。 
been amended to include 


- additional information regarding 
authenticating your account for punchases, 


‘information regarding automatic delivery of 
app updates, and 


= information about Popular Near Mie. 


Terms and Conditions and Apple Privacy 
Policy 


Please read and agree to these terms and 
conditions in order to use this service, 


Send by Email 


hy 


增加 元 素 , 表达 功能 可 供 性 
采用 约定 俗 成 的 元 素来 表达 目标 的 功能 可 供 性 ， 比 如 ， 以 指向 下 方 的 箭头 表 


应 用 程序 
ITUNES STORE 
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应 用 程序 
SUPER 


平板 电脑 应 用 
程序 LE KIOSK 
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示 和 存储 下 拉 菜 里 或 者 选项 。 


9 EVERYONE - &# ta EVERYONE - > 
CURRENT STATUS FRIENDS 


NEARBY 
SEARCH 


ME 
-BUOY BEE 
y p: 
MY FAVORITE MY FAVORITE 
THING TO DO IN THE HING 10 DO IN 
MORNING IS NOT WAKING 
UP. 


i OT le ARTA J TVD = TSA, FP Rea EBT CE Ar 
没有 这 个 小 箭头 ， 标 题 的 功能 可 供 性 大 大 降低 ， 用 户 发 现 、 使 用 这 项 功能 的 几率 也 随 之 降 
低 。 注 意 : 箭头 仅 是 提示 之 一 ， 用 户 在 箭头 上 或 在 文字 “每 个 人 ”上 点 击 都 可 以 展开 沫 单 。 


目 然 功能 可 供 性 
一 些 目标 拥有 “自然 功能 可 供 性 "， 不 需要 设计 者 采用 特殊 设计 ， 比 如 电子 
商务 网 站 上 的 图 片 、 报 刊 网 站 上 的 文章 题目 、 某 些 图 示 都 属于 这 种 情况 。 


"ge: So am 
- 一 = ae 
er s La hiti 一 
hy iy Hee 
Yk at = 
= -一 


La cr Vi 


产品 的 照片 拥有 自然 功能 可 供 性 ， 如 上 图 中 的 杂志 封面 ， 用 户 和 凭 下 觉 束 能 猜 到 可 以 点 击 ， 
所 以 没有 必要 加 入 额外 的 特殊 效果 强调 功能 可 供 性 。 
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当 用 户 希 望 更 改 屏 幕 上 的 某 一 元 素 时 ， 目 然 倾向 于 通过 触 击 来 改变 元 素 的 当前 
状态 。 注 意 : 只 有 当 界 面 简洁 明了 ,或 者 当 程序 的 操作 重复 性 较 高 时 ， 换 句 话说 ， 
当 用 户 能 很 快 学 会 如 何 使 用 时 ， 用 户 才 会 有 这 样 的 反应 。 如 此 一 来 ， 设 计 者 能 够 保 
持 简 单 、 纯 净 的 设计 理念 ， 因 为 不 需要 工具 栏 一 bees Loc A Bite LA. 


应 用 程序 
IA WRITER 和 
En un instant : ce . SUPER 


bouleversement d'un instant. 
Sourire inconsciemment car ne 
plus savoir où s'ancrer, 
vacillant sur ce trottoir. 
Regretter de n'être plus rose. 


S'emballer, ce deviendrait une 

habitude mais on s'y 

retrouvait, telle quelle et 

respirant. ocument» >cumentaire | Documents 


Ce soir est clair. AIZIEIRITIYIUILIIOIP 


WHAT'S UP NEXT WHAT'S UP NEXT 


THE BEST 
THE WORST 


THE CRAZIEST 


* wxCcVvBN EE] 


| O | 


没有 任何 说 明 提 示 用 户 可 以 通过 点 击 修改 文档 标题 ， 或 者 改变 书写 位 置 。 但 是 ， 单 凭 元素 
自身 的 “ 目 然 功能 可 供 性 ”， 用 户 驶 会 日 发 试 着 点 击 操作 。 


功能 可 供 性 的 分 级 

设计 者 应 该 把 用 户 能 看 到 的 功能 可 供 性 程度 进行 分 级 : 可 触 控 元 素 越 重要 ， 
功能 可 供 性 应 该 越 强 。 比 如 ， 主 要 行为 召唤 使 用 按钮 表现 ， 次 要 行为 召唤 用 简单 
的 链接 表现 。 同 理 ， 主 要 行为 召唤 可 以 使 用 颜色 鲜艳 的 按钮 来 表现 ， 次 要 行为 召 
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唤 使 用 不 太 狼 人 注目 的 颜色 表现 。 这 种 视觉 上 的 分 级 向 用 户 瞳 示 了 各 个 行为 召唤 
拥有 不 同 程度 的 重要 性 。 


甚至 可 以 说 ， 在 大 多 数 情况 下 ， 如 果 设 计 者 设计 的 主要 行为 召唤 足够 成 功 ， 那 
么 用 户 不 需要 阅读 按钮 上 的 说 明文 字 就 可 以 按照 “ 远 辑 ” 猜 到 应 该 采取 什么 行动 。 


应 用 程序 
BETASERIES “创建 账户 ”( créer un compte ) 和 “连接 ”( connexion ) 两 个 
betaseries 按钮 一 一 内 有 文字 的 长 方形 按钮 一 一 的 功能 可 供 性 较 强 ， 类 
似 于 用 户 熟 知 的 按钮 外 形 。 因 为 “创建 账户 ”是 重要 的 行为 


吾 唤 ， 所 以 颜色 与 背景 颜色 反差 很 大 。 


Créer un compte 
Connexion í 


mpe F 3G 18:55 


Itinéraire 


Historique maRATP 


Dèpani : Pont Garigliano - Hopital Europeen Ge 
ATivaa : Mation 


一 些 不 重要 的 选项 反而 比重 要 的 行为 召唤 “搜索 ”(Rechercher ) 更 加 醒目 。 设 计 者 应 该 
根据 行为 召唤 的 重要 性 为 其 各 目 按钮 设置 相应 等 级 的 可 供 性 。 


次 要 行为 召唤 即便 不 明显 也 没 天 系 。 记 住 这 一 点 非常 重要 ， 如 果 设 计 者 试图 
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aT 结果 是 用 户 反 而 弄 不 消 楚 哪些 是 主要 行为 召唤 。 另 
外 ， 这 样 做 还 会 审 来 一 个 副作用 : 界面 的 视 党 效果 会 节 得 十 分 夸张 。 


Laer ae 
IRRD, 用 户 会 推测 这 或 许 是 达到 目标 的 唯一 途径 ， 并 尝试 操作 。 


功能 可 供 性 适应 行为 召唤 的 状态 


设计 者 还 能 从 功能 可 供 性 出 上 友 ， 通 过 行为 召唤 的 外 在 表现 显示 其 是 否 能 被 油 
活 。 尤 其 在 填写 表格 时 ， 投 钮 呈现 灰色 或 不 透明 状态 即 向 用 户 表示 “不 可 用 ”。 
这 种 设计 通 昔 用 来 各 诉 用户 : 一 些 必 填 项 目 还 没有 填写 。 


应 用 程序 
CAPITAINE 
From Paris From Paris TRAI N 
To Nantes To Nantes 
Depart Today : Depart Today 
Return Return 
Passengers No passenger selected Passengers Fan 
Code Avantage SNCF Code Avantage SNCF 
当 用 户 还 没有 填写 完 必 填 项 目 时 ,“ 搜 索 ” 按 钮 呈现 不 透明 的 状态 。 
应 用 程序 
INBOX 


sian ki) 
-jaagocuo 


a. lel. 


ae 


用 户 没 有 填写 收 件 人 ,“ 发 送 ” 的 行为 召唤 (飞机 图 标 ) 呈现 灰色 。 
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避免 出 现 误导 
最 后 需要 提醒 风 是 ， 在 设计 界面 的 各 种 功能 可 供 性 元 素 时 ， 切 记 不 要 出 现 诺 
误 操 作 指示 : 即 形 式 上 貌似 可 以 操作 ， 但 实际 上 不 可 操作 的 元 素 。 


平板 电脑 应 用 程序 
LINXO 


Connectez vos complies bancales À Linko en 3 étapes : 


g uca 
Je corre Linao & ma banget 


=| Mes copra cont br pi ti caléponées chad pour 


Linke est sûr et sécurisé 


ddclarte à la CHIL 
Wb GE 


在 启动 页 面 上 ， 用 户 自 然 想 点 击 红 色 图 标 “ 选 择 我 的 银行 "， 而 实际 上 应 该 点 击 的 是 下 方 
的 “开始 ”( Commencer ) 按钮 。 气 调查， 在 面向 用 户 的 教学 说 明 中 ， 和 背负 会 出 现 这 种 错 
误 操 作 指 示 。 所 以 ， 应 该 注意 具有 教学 性 质 的 元 系 的 表现 形式 ， 避 免 与 真正 的 界面 混 消 ， 
给 用 户 造 成 不 必要 的 误会 。 


应 用 程序 


FIDME RASH “A” Bier Ree 


MONOPRIX DIADERMINE 望 了 ， 点 击 后 出 现 的 是 产品 的 详细 说 
en = = 明 ， 只 有 在 细节 画面 中 再 次 点 击 下 方 的 
m — =| = “分 享 ” 图 标 才 能 使 用 这 一 功能 。 


Grosch: 0.30 € 
i pank dnd 


加 


Pale Diaderming: 0.70 € Diadermine: 0.70 € 
DOGE {irria PHI oe PHT 
1 soin visage PHS ou PHT 


E 6 =« B 5 


Giovanni Feman: 0.50 € 
| pcre oa po 


a «= @ a 


E Pringes: 1.00 € i rer 
©) 2 beans, wi aun lea eds 1g et Tog, I 
ap Pii pirni KFA 
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为 了 保证 不 会 出 现 错误 操作 指示 ， 不 要 和 饼 记 前 文 所 到 的 问题 ,一些 元 素 具 有 
“ 目 然 功能 可 供 性 ”， 用 户 会 目 然而 然 地 局 动 这 些 元 素 以 求 达到 目标 。 


一 些 摘 述 屏幕 上 目标 并 有 具有 语义 学 价值 的 元 素 ， 比 如 产品 照片、 文章 标题 等 ， 
尤其 具备 这 种 目 然 功 能 可 供 性 。 所 以 ， 最 好 在 这 些 元 素 上 设置 链 授 ， 以 免 误导 用 户 。 


图 标 也 具备 这 种 性 质 。 如 果 设 计 者 只 打算 用 图 标 来 传 逸 信息 ， 而 不 用 来 引导 
用 户 行动 ， 那 就 必须 降低 图 标 引 起 的 交互 操作 可 供 性 : 不 要 把 图 标 设计 成 按钮 的 
形状 ， 不 要 把 图 标 周围 框 起 来 ， 图 标的 颜色 不 要 过 于 醒目 ， 等 等 。 
为 用 户 提 供 行为 反馈 

用 户 不 可 能 百分之百 知道 哪些 元 素 可 操作 ， 哪 些 不 行 ， 既 然 如 此 ， 在 用 户 操 


作 后 立即 提供 反馈 显得 非常 重要 。 设 计 一 种 特殊 形式 回应 用 户 刚 刚 实施 的 操作 ， 
让 用 尸 完 得 移动 终 并 的 界面 对 其 手指 或 者 目光 的 行动 做 出 了 反应 。 通 过 反馈 ,让 
用 户 知 道 系统 已 感知 到 他 的 行动 。 而 且 ， 如 果 移 动 终端 反应 时 间 相 对 较 长 ， 提 供 
反馈 就 更 显得 尤为 重要 。 这 样 一 来 ， 用 户 才 不 会 对 操作 是 否 正 确 产 生 疑 虑 ， 避 免 
重复 进行 没有 意义 的 操作 。 


用 户 点 击 节 目 后 ， 相 应 节目 的 外 观 
在 跳 转 页 面 之 前 就 已 经 发 生 了 变化 ， 
这 表示 系统 已 经 接收 到 用 户 点 击 下 


BE kisi. 


操作 手势 体验 

除了 最 简单 的 点 击 ， 操 作 手势 是 一 种 在 移动 终端 上 使 用 越 来 越 频 繁 的 交互 操 
作 方法 。 操 作 手势 和 数 年 前 相 比 并 没有 很 大 区 别 ， 但 移动 应 用 却 越 来 越 丰富 多 
彩 ， 用 途 也 越 来 越 广泛 。 随 着 时 间 的 推移 ， 用 户 已 经 习惯 了 很 多 操作 手势 ， 并 形 


应 用 程序 
TELE LOISIRS 
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成 了 条 件 反 射 。 结 果 ， 当 用 户 使 用 应 用 程序 或 网 站 的 时 候 ， 即 便 有 时 不 知道 它们 
是 如 何 设 计 的 ， 依 然 会 符 试 采用 传统 的 操作 手势 来 达到 目的 。 那 么 ， 设 计 者 要 怎 
样 根据 操作 手势 创造 出 成 功 的 用 户 体验 呢 ? 


本 章 中 使 用 “操作 手势 ”一 词 指 代 所 有 包括 点 击 在 内 的 各 种 手势 ， 如 点 击 、 
轻 滑 、 长 时 间 按 压 、 两 根 手指 同时 按压 、 捏 挤 ， 等 等 。 


多 指点 击 按 住 并 点 击 : 


D 

_ 

Sm PER 
M 
AA 


双击 


Double tap 


2 EDOD 

Press 

and drag 
Litt. a 

拖 搜 再 拖 搜 

Drag sacs, 
then hen dag. se 

R 或 a pmen e GD © 

Multi-finger 

drag 

"OI YD 

DS srs 


双 指 Kiet WO) wD 
wo-finger 

so SYY 9 a 

> =) 伸展 = OD 
Flick Slay 

画 圈 和 横 跨 fy) AD me Am 

Lasso and 

Cross 

“ae 


可 以 使 用 各 种 各 样 的 操作 手势 操控 触 屏 界面 。 以 上 是 卢 克 ' 沃 洛 布 莱 夫 斯 基 提 供 的 参考 数 
据 库 ， 参 见 网 站 : www.lukew.com, 
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为 什么 使 用 操作 手势 ? 

首先 ， 我 们 需要 理解 操作 手势 在 触 屏 界 面 上 的 优势 。 最 简单 的 操作 手势 就 是 
点 击 : 用 户 在 屏幕 上 点 击 一 个 元 素 ， 表 示 这 里 是 自己 感 兴趣 的 地 方 。 同 时 ， 还 存 
在 各 种 其 他 操作 手势 用 于 下 达 指 令 。 


操作 手势 的 优点 很 多 : 
为 屏幕 腾 出 空间 ; 
。 不 需要 用 户 在 屏幕 上 刻意 瞄准 目标 ; 


。 无 需 点 击 ， 能 防止 点 击 失误 犯错 ， 比 如 用 操作 手势 解 山 手机 ， 不 会 因为 不 
小 心 点 击 到 屏 戎 其 他 地 方 而 无 法 解锁 ; 


最 后 ， 操 作 手 势能 够 赋予 意义 ， 比 如 放大 地 图 束 产 生 了 语义 学 意义 。 


应 用 程序 
SECRET 


Share a thought 


用 户 可 以 通过 滑动 手势 (swipe ) 来 改变 背景 颜色 或 者 图 案 。 用 一 个 操作 手势 完成 这 些 功 
能 ， 设 计 者 不 需要 在 屏幕 上 进行 说 明 ， 用 户 也 不 需要 点 击 不 同 的 按钮 。 


操作 手势 难以 被 发 现 的 问题 

操作 手势 最 大 的 缺陷 是 可 发 现 性 低 。 界 面 上 往往 不 存在 提示 ， 用 户 猜 不 到 通 
过 怎样 的 手势 来 实现 某 项 功能 。 本 质 上 看 ， 操 作 手 势 完全 隐形 ! ME, REFS 
越 复 杂 、 越 不 容易 实现 ， 用 户 就 越 难 发 现 它们 。 对 于 用 户 来 说 ， 即 便 是 手指 在 屏 
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幕 上 滑动 这 样 简单 的 手势 ， 也 未 必 能 够 自然 而 然 地 跃 人 脑海 之 中 。 下 文 会 介绍 一 
些 技巧 ， 有 效 弥补 操作 手势 不 易 被 发 觉 的 缺陷 。 结 合 这 些 技巧 ， 设 计 者 能 够 协助 
用 户 更 容易 了 解 如 何 使 用 手势 进行 操作 。 
使 用 约定 俗 成 的 操作 手势 

首先 ， 如 果 用 户 以 前 曾经 见 过 、 使 用 过 某 些 操作 手势 ， 或 者 这 些 操作 手势 属 
于 众所周知 的 典型 行为 ( 即 属于 天 生 反 射 式 的 用 法 ， 比 如 向 上 滑动 加 大 音量 )， 
那么 用 户 凭借 直觉 更 容易 猜 到 如 何 使 用 操作 手势 。 设 计 者 如 果 能 借鉴 一 系列 约定 
俗 成 的 操作 手势 ， 那 么 用 户 自己 就 能 够 猜 到 使 用 方法 。 

最 常见 的 操作 手势 有 以 下 几 种 。 
滑动 手势 或 从 下 向 上 垂直 拉 搜 ， 用 于 浏览 名 单 ， 或 者 查看 明显 没有 结束 的 
内 容 是 否 有 后 续 ( 比如 ， 一 篇 社论 文章 )。 
在 图 片 栏 中 用 手指 水 平方 向 滑动 : 依次 浏览 项 目 。 
从 具体 一 点 开始 用 手指 水 平方 向 滑动 : 查看 下 一 个 项 目 ， 或 者 回 到 上 一 个 
项 目 。 
手指 水 平方 向 滑动 ， 隐 藏 菜单 或 侧面 菜单 。 与 显示 菜单 相 比 ， 隐 藏 菜单 
更 需要 用 户 赁 直觉 行事 ， 除 非 用 户 经 常 使 用 应 用 程序 ， 或 者 菜单 常常 自 
行 跳出 。 
对 名 单 中 某 一 项 目 水 平方 向 滑动 : 进入 该 项 目的 具体 介绍 页 面 。 
在 地 图 上 或 者 难以 看 清 的 小 图 片上 进行 放大 操作 。 
通常 情况 下 ， 只 用 一 根 手 指 而 不 使 用 几 根 手 指 的 操作 。 
通常 情况 下 ， 使 用 简单 的 操作 手势 ， 而 不 使 用 复合 的 操作 手势 ， 即 系列 动 
作 ， 比 如 用 户 通常 不 会 本 能 地 去 双击 触 屏 。 

有 时 候 ， 一 些 操作 手势 已 经 被 大 众 高 度 认 可 ， 用 户 自然 会 倾向 于 使 用 这 些 手 
势 。 如 果 设计 者 不 采用 这 些 常用 手势 ， 用 户 恐 怕 会 大 失 所 望 。 

惯例 的 演化 进程 很 缓慢 ， 但 一 定 会 发 生 演 化 ! 很 多 时 候 ， 我 们 能 够 观察 到 
某 一 种 操作 手势 在 几 个 月 的 时 间 里 就 发 生 了 变化 。 因 此 ， 惯 例 往往 针对 的 是 在 
某 种 特定 情境 下 ( 比如 清单 、 细 节 档 案 、 菜 单 等 ) 的 使 用 方式 ， 而 不 是 操作 手 
势 本 身 。 
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vt /2 


ON 


vt /2 


ON 


程序 并 没有 告诉 用 户 怎 样 用 手指 滑动 ， 从 屏幕 调 出 或 者 隐藏 工具 菜单 ， 但 用 户 在 有 需要 时 


会 日 然而 然 地 尝试 这 一 动作 ， 因 为 工具 采 单 妨碍 了 用 户 的 绘画 。 手 指 的 滑动 手势 已 经 成 为 
调 出 或 者 隐藏 亲 单 的 公认 方式 。 


另外 ， 业 界 也 存在 惯例 : 如 果 其 他 类 似 的 移动 应 用 已 预先 推出 了 某 些 操作 手 
势 ， 设 计 者 就 应 该 考虑 让 目 己 的 产品 向 已 有 的 操作 手势 靠拢 ， 因 为 用 户 今后 很 可 
能 会 倾 回 于 使 用 这 些 惯例 手势 。 


平板 电脑 应 用 程 
序 SKETCHES 
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应 用 程序 
INBOX 和 Message de Luc Bondy Det. 手指 在 可 编辑 或 可 处 理 的 清单 项 
WUNDERLIST Si vous ne parvenez pas à visualise A (电子 邮件 、 任 务 栏 、 收 藏 单 
等 ) 上 滑动 ， 这 种 操作 手势 起 源 
于 苹果 iOS 系统 ， Ce 
Découvrez le brunch dominica HAS, ME, XE ARN A 
ky N 手势 ， oe 的 用 户 会 
OCT 很 自然 地 尝试 这 种 操作 手势 。 
Mile BOUCHER, Fortuneo vo. v 
ection -order Ind 
两 种 方式 ， 激 活 同一 功能 
用 户 万 一 没有 发 现 操 作 手 势 ， 就 可 能 错过 一 项 功能 。 为 了 避免 这 种 情况 发 生 ， 
设计 者 可 以 设计 一 种 便捷 的 操作 手势 ， 让 用 户 直接 在 清单 中 操作 ， 同 时 还 可 以 设计 
点 击 操 作 方 式 ， 让 用 户 通 过 经 典 途 人 径 在 项 目的 细 诈 屏 帘 中 也 能 使 用 同样 的 功能 。 
应 用 程序 
PINTEREST 


长 时 间 按 住 屏 幕 上 的 “别针 ”， 随 即 会 出 现 3 种 快捷 方式 ， 分 别 指向 3 个 重要 的 选项 ， 用 
户 可 以 用 手指 点 击 选择 。 长 按 “ 别 针 ” 这 种 操作 手势 对 于 熟知 这 天 应 用 程序 的 人 来 说 非 稼 
高 效 ， 但 对 于 刚刚 入 门 的 人 来 说 恐怕 很 难 实现 。 为 了 方便 新 手 操作 ， 每 个 “别针 ”的 细节 
屏幕 中 也 会 出 现 这 3 个 选项 。 
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应 用 程序 
SOUNDCLOUD 
ie a. A 
tiie E 
2m ; Y - 
AR LFA AP EE — I, 过 传统 方式 
回 到 歌曲 单 上 进行 操作 。 
(HRB) 
的 应 用 程序 


L'économiste Thomas 


Piketty refuse la Légion 
d'honneur 


Ls Monde ir aop ARP 
be i javier 2015 & TERG 


L'économiste Thomas 
Piketty refuse la Légion 
d'honneur 


Après sa nomination jeudi an grade de 
chevalier de la Légion d'honneur, 


Mongi avec ARP 
l'auteur du « Capital au XXle siècle » a A e 


le 1 jmvie DOTS & aE 


国人 


indiqué a l'Agence France-Presse son 


ll de refuser la distinctio 
nomiste frangais Thomas val 


读者 打开 一 篇 文章 后 ， 可 以 用 手指 向 下 滑动 关闭 文章 ， 也 可 以 点 击 图 标 “x ”关闭 。 点 击 
文章 各 处 ， 该 图 标 都 会 出 现 。 两 种 手势 功能 一 致 ， 用 户 不 一 定 必 须 学 会 两 种 手势 才能 操 
作 。 随 着 对 该 应 用 程序 的 了 解 不 断 加 深 ， 用户 会 逐渐 发 气 。 


如 果 设 计 者 不 愿 为 同一 功能 设计 两 种 操作 手势 ， 那 么 请 确保 这 种 功能 属于 次 
要 功能 ， 有 即便 用 户 无 法 发 现 ， 也 无 大 碍 。 
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应 用 程序 
SUPER 


ZIN rOy 


COURRIER 
INTERNATIONAL 
的 应 用 程序 
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LIA) 用 户 需 要 长 时 间 按 住 心 形 图 标 ， 才 能 看 到 谁 喜欢 这 条 发 言 。 
| J 实际 上 ， 本 应 该 让 用 户 更 容易 发 现 基本 的 社交 网 络 功 能 才 对 。 
否则 ， 很 多 用 户 会 将 兰 搜 寻 这 项 功能 却 始 终 无 法 发 现 它 。 


Y D S we 
IM THINKING 1 
SWIPE RIGHT 10.98 
MADF A POST TAPIRI 

FIND FRIENDS 


让 用 户 猜 到 操作 手势 

为 了 保证 用 户 能 够 理解 如 何 使 用 操作 手势 ， 设 计 者 可 以 适当 给 予 一 些 指导 。 
指导 应 当 非 常 明 确 ， 即 以 教学 的 形式 呈现 。 指 导 也 可 以 利用 前 文 提 到 的 功能 可 供 
性 原则 给 予 暗示 ， 提 供 一 系列 线索 ， 让 用 户 摸索 出 操作 办 法 。 后 一 种 方法 往往 比 
直接 教学 更 加 有 效 ， 而 且 不 会 让 人 感觉 太 突 无。 暗示 的 方法 不 会 让 用 户 觉得 被 外 
力 强 迫 学 习 ， 而 是 自己 在 主动 学 习 。 具 体 做 法 很 多 ， 请 看 下 文 的 实例 。 


ATTENTATS DE PARIS 
C'est islam qui est 
comipalle 
DE HRSHRANT 

EE VU CESPALENE 


©» Mahomet de retour en 
we de “Charlie Hebdo” 
ED BoTE EEDA Tih 二 


点 击 左 上 方 的 亲 单 按钮 后 ， 羔 单 会 以 动画 形式 从 屏 硕 左 侧 跳 出 。 于 是 用 户 心 领 神 会 ,， 下 次 
可 以 用 手指 在 屏 医 上 辐 右 侧 滑动 ， 调 出 这 个 沫 单 。 


第 一 章 OC 感官 体验 


本 书 第 五 章 会 专门 介绍 指导 用 户 的 各 种 教学 技巧 ， 其 中 也 包括 如 何 让 用 户 
发 现 操作 手势 。 读 者 可 以 在 第 五 章 了 解 到 如 何 让 用 户 在 使 用 过 程 中 逐渐 得 心 应 
手 。 这 绝对 是 一 个 系统 的 教育 工程 ! 


Lo a ee 应 用 程序 
屏幕 上 的 画面 被 从 中 截断 ， 瞳 示 用 户 可 以 滑动 画面 ， 看 到 后 | KLOUT 
边 隐藏 的 部 分 。 用 户 自然 而 然 地 想 使 用 滑动 手势 ， 因 为 这 是 
展开 清单 的 惯例 方式 。 
Web founder: Europe’s'right Want to 
to be forgotten’ rule is Stop lyi 
dangerous - CNET 
KS AK, HER, EVA PT AIR DD, 24 IT OE 
截断 设计 。 


用 户 可 以 用 手指 在 屏幕 上 左右 滑动 显示 照片 ， 首 页 上 暗示 了 这 种 功能 : 首先 ， 页 面 上 标 出 了 
照片 数量 ; 其 次 ， 第 一 张 照 片上 有 一 个 激活 的 箭头 ， 表 示 照 片 可 以 自动 展示 。 于 是 ， 用 户 
明白 了 可 以 通过 滑动 手势 浏览 照 请 。 两 个 暗示 从 第 二 张 照 斤 开始 全 部 消失 。 
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所 本 | 


14:25 


iOS 系统 


Wednesday, May 11 


iPhone E “HER —WISEMAEANAE, HEEM, HANA CE A 


JUN 


应 用 程序 E —— 避 TT TT 
SUPER EVERYONE ~ 2 EVERYONE ~ 2 


a P 
a - YUMMY gummy 
ve v: p 


ATH FROM ABOVE 1979 


= 


BA hh... 
\ PEL OF THE DAY 
g Be a 
mi oF oT 


E 


当 用 户 试 着 点 击 选 项 查看 详细 内 容 时 ， 左 侧 会 瞬时 弹出 一 幅 夯 ， 用 户 心领神会 ， 知 道 在 屏 
禹 上 疝 右 侧 滑 动 就 可 以 看 到 这 幅 画 面 。 


解释 操作 手势 

有 时 ,设计 者 别 无 选择 ,为 了 指导 用 尸 只 能 详细 解释 操作 手势 。 设 计 痢 必须 
确定 没有 更 理想 的 方法 之 后 再 采取 这 种 方法 ， 因 为 教学 的 介入 会 打 断 用 户 与 应 用 
之 间 流 畅 的 互动 。 用 户 本 身 并 疫 有 提出 要 求 ， 所 以 会 觉得 目 己 被 迫 中 止 活动 ， 学 
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习 设 计 者 强加 的 东西 。 这 就 如 同 在 自己 不 情愿 的 情况 下 被 迫 阅读 使 用 说 明 书 …… 

设计 者 可 以 采用 以 下 两 种 方式 展示 教学 内 容 ， 

。 让 教学 内 容 仅 占据 屏幕 的 一 小 部 分 ; 

。 设 计 一 个 专门 的 教学 页 面 。 

教学 页 面 完全 打 断 了 用 户 的 活动 ， 让 人 感到 不 适 ， 但 好 处 是 可 以 保证 最 大 数 
量 的 用 户 能 看 到 教学 内 容 。 但 值得 注意 的 是 ， 很 多 用 户 会 反射 性 地 关闭 类 似 广告 
弹 窗 的 窗口 ， 他 们 可 能 根本 看 都 没 看 内 容 就 关闭 了 自动 弹出 的 窗口 。 如 果 遗 免 在 
启动 程序 之 初 就 跳出 教学 页 面 ， 用 户 反射 性 关闭 弹 窗 的 情况 就 会 减少 。 所 以 ， 设 
计 者 可 以 稍 等 片刻 ， 再 启动 教学 页 面 ， 或 者 在 用 户 进行 某 项 操作 后 ， 将 教学 内 容 
作为 操作 反馈 展示 出 来 。 

另外 ， 切 记 不 要 过 度 说 明 ， 这 样 会 削弱 操作 手势 的 优势 一 -实际 上 ， 说 明 内 
容 切断 了 屏幕 空间 。 设 计 者 对 教学 时 间 的 长 度 要 有 一 定 的 限制 ， 不 应 该 让 教学 页 
面 始 终 停留 在 屏幕 上 。 读 者 在 第 五 章 可 以 看 到 ， 理 想 的 情况 是 在 合适 的 时 机 解释 
操作 手势 ， 也 就 是 在 用 户 需要 这 种 操作 手势 的 时 候 。 很 多 设计 者 犯 的 错误 都 是 过 
早 地 解释 说 明 。 


应 用 程序 
TRANQUILIEN 


对 请 动手 势 的 解释 说 明 一 直 存 在 ， 占 据 屏 幕 上 方 空间 ， 而 解释 融 来 的 益处 很 有 限 。 


最 后 ， 在 向 用 户 解 释 一 个 操作 手势 时 ， 用 户 目 然而 然 地 会 联想 到 其 他 相关 手 
势 ， 尤 其 是 可 以 双 辐 使 用 的 手势 一 一 同 右 侧 或 左 人 出、 上方 或 下 方 划 动 手指 ， 放 大 
或 缩小 ， 等 等 。 这 也 是 一 种 避免 解释 说 明 过 于 元 长 的 方法 。 
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平板 电脑 应 用 程序 
SKETCHES 


a UILL 


RONY 


E 


应 用 程序 教会 用 户 两 种 重要 的 操作 手势 。 当 用 户 经 过 试用 并 学 会 用 “两 根 手指 向 左 请 动 撤 
#4” (Undo) 时 ， 那 么 用 户 就 可 以 猜 到 同 右 侧 请 动 代表 “恢复 ”〈Redo )。 
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在任 何 情 况 下 ， 都 要 让 用 户 能 够 很 容易 地 天 闭 说 明 页 面 。 


en 

如 果 一 种 操作 手势 实在 难以 被 发 现 ， 这 里 还 有 最 后 一 种 解决 方法 : 用 不 易 被 发 现 
P E E E N A 
用 户 学 会 所 有 操作 手势 。 当 然 ， 这 种 折 中 的 方 潜 有 一 个 使 用 前 提 : 设计 者 必须 确认 可 
以 采用 这 些 很 少 被 用 到 的 操作 手势 ， 或 者 这 些 操作 手势 的 相应 功能 确实 无 天 紧要 。 


将 操作 手势 留 给 最 重要 的 功能 
把 操作 手势 留 给 在 用 户 经 常 使 用 的 功能 上 ， 这 会 让 手势 更 加 有 意义 。 况 且 ， 
假如 将 操作 手势 用 在 很 少 使 用 的 功能 上 ， 人 们 很 快 就 会 忘记 相应 的 操作 手势 。 


设计 者 有 时 很 难 决定 选用 何 种 操作 手势 天 联 哪些 功能 。 如 果 设 计 者 曾经 设计 

过 触 屏 交互 界面 ， 那 必定 遇 到 过 这 种 矛盾 情景 ! 正如 我 们 在 前 文中 所 讲 ， 用 成 能 
马上 想到 的 、 众 所 周知 的 操作 手势 毕 葛 有 限 。 有 时 ,设计 者 必须 受 协 ， 让 惯用 的 
操作 手势 局 动 最 重要 的 功能 。 


© 1406 J'aime a 1406 Jaime 
6 co ata e a co nta 
mieh Hi cain bbs pienso sand E ee Hi cathr edt pli 
an email on ein et ny I would le i an amail on i itor ane relate 1 
talk io : our boatifil , to talk to 


FARA AS AA Ft oF By WS Rr Bg sk Rr, (ESPs PAR OE, A Pet ee ie 
到 失望 。 设 计 者 本 希望 用 户 用 手指 向 左 滑动 ， 回 到 主 菜 单 。 因 为 设计 者 更 希望 率先 展示 茶 
些 照片 的 概况 ， 而 不 是 让 用 户 一 张 一 张 地 观看 照片 。 


当然 ， 设 计 者 可 以 有 目 己 的 标准 ， 根 据 产品 战略 进行 决策 ， 而 不 是 根据 用 户 
的 实际 操作 频率 完成 设计 ， 因 为 功能 的 操作 难 易 程度 会 对 其 使 用 频率 产生 影响 。 


应 用 程序 
INSTAGRAM 
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选择 容易 实现 的 操作 手势 

操作 手势 的 可 发 现 性 低 ， 并 不 是 设计 者 唯一 要 面 对 的 问题 。 其 实 ， 根 据 操作 
手势 的 复杂 程度 不 同 ， 用 户 的 接受 度 也 会 有 大 有 小 。 让 操作 手势 变 得 简单 易 行 ， 
会 让 它 发 挥 更 大 作用 。 


操作 手势 的 难 易 度 永 远 依 赖 于 用 户 的 操作 兄 练 程度 。 但 我 们 发 现 ， 最 简单 
的 操作 手势 往往 也 是 最 容易 衫 授 纳 ， 进 而 要 为 约定 俗 成 的 手势 。 用 户 更 喜欢 一 
根 手 指 的 操作 ， 同 时 ， 一 个 动作 也 比 一 系列 动作 组 成 的 操作 手势 更 容易 完成 。 
Fah, GREK, RRIF A te Batt. WERE ADL AA BA ES ES E 
的 位 置 上 执行 相同 的 操作 手势 却 导 致 了 不 同 结果 ， 用 户 会 感到 真名 其 妙 。 切 记 
AR 2 itll 7 AL! 


应 用 程序 
PINTEREST 


INSTAGRAM 在 上 一 个 例子 中 出 现 的 两 难 境地 在 PINTEREST 中 也 同样 存在 : CPA 
用 程序 应 该 为 用 户 提 供 一 个 从 细节 页 面 返回 菜单 的 方式 ， 同 时 还 应 提供 从 一 个 页 面 直接 
跳 转 到 另 一 个 页 面 的 方式 。PINTEREST 提供 了 两 个 类 似 、 但 实际 效果 截然 不 同 的 操作 
方式 ， 用 户 很 容易 感到 困惑 : 如 果 用 手指 从 屏幕 边缘 开始 请 动 ， 会 返回 到 荣 单 ; 如果 从 
靠近 屏 介 中 心 的 位 置 开始 滑动 ， 就 会 回 到 前 一 个 标记 页 面 。 同 样 的 手势 ， 就 因为 操作 位 
置 不 同 ， 产生 的 结果 也 不 同 。 两 种 手势 最 大 的 缺陷 是 太 容 易 混 淆 了 ， 而 且 ， 混淆 背后 洪 
在 的 重复 操作 问题 也 很 危险 。 


避免 多 余 的 操作 手势 
不 要 扎 记 ， 任 何 操作 手势 都 比 点 击 的 成 本 更 高 ， 即 使 用 户 没 有 意识 到 ， 但 实际 
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上 ， 除 点 击 之 外 的 任何 操作 手势 总 是 更 加 难以 实现 ， 需 要 人 花费 更 多 的 时 间 。 因 此 ， 你 
设计 的 操作 手势 必须 经 过 验证 ， 真 的 “ 物 有 所 值 ”， 切 实 能 够 帮助 用 户 。 通 过 调查 发 
现 ， 实 际 情况 并 非 如 此 ， 很 多 应 用 程序 把 操作 手势 当成 小 把 戏 ， 有 时 会 给 用 户 体验 造 
完全 役 有 必要 的 复杂 困 卉 。 无 论 如 何 ， 假 如 操作 手势 让 用 户 党 得 过 于 烦琐 ， 设 计 者 
就 应 设 考 虑 起 样 在 不 使 用 该 操作 手势 的 条 件 下 ， 也 能 让 用 户 享 受到 同 梓 的 功能 。 


应 用 程序 
RISE 
用 户 点 击 下 方 的 设置 图 标 后 ， 才 得 知 本 该 用 手指 向 上 滑动 : 人 机 交互 画面 瞬时 跳出 ， 展 
示 在 该 图 标 下 存在 另 一 些 元 素 。 为 什么 不 让 用 户 简 简单 单 地 直接 点 击 一 下 ， 就 显示 这 个 
画面 呢 y 实现 这 一 点 并 不 难 ， 尤 其 是 屏幕 上 的 选项 很 少 ， 点 击 调 出 画面 时 出 错 的 可 能 性 
也 很 小 。 
应 用 程序 
E TES 个 数字 ， 用 户 必须 用 手指 从 数字 1 滑 向 数字 5, 也 | LOTO 
2 ) 3 EO 就 是 说 ， 用 户 的 用 手指 必须 横 穿 屏幕 。 其 实 ， 设 计 者 完全 可 以 
omire Ge gies 让 用 户 直接 点 击 数字 5 完成 操作 。 


Grille 1 24 Bw 3s a 8 @ 
D Secouer pour changer vos grilles 


VALIDER 
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应 用 程序 
MES COURSES 
和 YUMMLY 


Galettes bretonnes.. 4 unite 
a 2 | 


Faring : 3509 


Miel: 20g 


Sauciss... 8 saugi S de Strasbourg 


+ semaine far 
Goution cube ivetsiie, tiga- TO cubes 的 
Huile de colza : 250 Pi 
Berber pichies hie preno arig 20g pr] 


Mentarde rta, hfancletna J: 250 el p 


CREMERIE / ŒUFS 


Margarites Ub tartines, curibec. |: 50 q 的 


Se ee ee oH ep 


| 


在 法 国 国 家 预防 与 健康 教育 局 推出 的 上 一 版 购物 应 用 程序 MES COURSES 中 ， 需 要 滑动 
手势 删除 已 放 在 购物 车 里 的 商品 。 操 作 耗 费时 间 ， 而且 更 麻烦 。 而 在 YUMMLY 里 ， 只 需 
点 击 即 可 。 在 MES COURSES 的 新 版 本 中 保留 了 把 商品 从 购物 车 里 删除 的 功能 ， 但 执行 
起 来 只 需 点 击 即 可 。 这 是 一 种 很 好 的 方法 ， 既 保留 了 在 纸 上 手 写 购物 清单 的 传统 习惯 ， 又 
不 会 给 用 户 市 来 额外 的 麻烦 。 
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oho im H Pe SET RRA RABE ARR: 这 不 仅仅 是 用 户 和 所 见 的 屏 
医 之 间 的 互动 天 系 ， 还 有 和 设备 本 身 的 互动 天 系 。 用 户 可 以 收 到 设备 发 出 的 振动 
信号 刺激 ， 从 而 感受 到 真正 意义 上 的 “ 搂 受 信息 ”。 尤 其 ， 通 过 智能 手机 或 平板 
电脑 上 的 运动 传感器 、 位 置 传感器 、 环 境 传感器 等 ， 用 户 可 以 进行 数据 测量 , 或 
者 对 目 己 的 设备 发 出 指令 

如 今 ， 本 体感 受 体验 的 用 途 并 不 多 见 。 但 是 ， 一 些 设计 者 更 亚 于 把 握 机 遇 ， 
发 明 出 各 种 交互 模式 ， 远 远 超 越 了 和 触 屏 或 声 音 操 控 的 简单 概念 所 有 与 空间 移 
动 、 监 测 环境 或 游戏 相 天 的 产品 已 从 中 大 大 获 益 。 


测量 传 感 需 

记录 步 数 、 监 测 睡 眼 、 训 量 心率 …… 众 多 移动 应 用 已 开始 使 用 智能 手机 平台 
上 搭载 的 传感器 。 最 常见 的 是 能 够 目 动 测量 用 户 体 力 活动 的 应 用 程序 。 在 记录 用 
尸 的 所 有 体力 活动 后 ， 程 序 把 详细 数据 进行 有 反馈。 我们 暂且 把 这 类 移动 应 用 的 可 
用 性 放 在 一 边 不 谈 ， 蛙 从 人 机 工程 学 的 角度 来 看 ， 也 没有 太 多 值得 解释 的 内 容 ， 
因为 这 些 应 用 的 本 质 就 是 利用 各 种 传感器 。 另 外 ， 有 些 应 用 程序 提供 的 服务 是 测 
出 用 户 的 动作 ， 然 后 发 出 指令 。 


通过 传感器 下 过 指令 


通过 运动 下 达 指令 


让 手 拔 过 手机 屏 戎 上 方 授 听 电话 、 天 了 财 亲 钟 ， 在 双手 沾 请 面粉 时 切换 到 菜谱 
的 下 一 个 步骤 …… 对 于 那些 希望 改变 与 移动 应 用 之 间 的 天 系 、 让 生活 更 便捷 的 用 
户 来 说 ， 这 些 功 能 的 确 很 实用 。 研 发 这 些 应 用 ， 需 要 认真 思考 功能 目 身 的 特点 ， 
以 及 用 户 的 使 用 背景 。 
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ROAM Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 借助 环 境 传 感 带 ， 让 用 户 通 


AYER ie 过 在 传感器 前 挥手 的 方式 跳 到 下 一 首 


歌曲 ， 或 者 把 手 在 传 感 带 面前 停留 半 
秒 钟 暂 集 歌 曲 。 


Beth Gibbons & Rustin’ Man 


Tom The Model 
e du mode 
Paramètres 


Ne plus affiche 


WAKE PS 人 用 户 不 必 碰 到 触 屏 ， 用 其 他 多 种 


THE ABBE RAH o 


Pa a F 


(VS 


rs a 


r 
l: 
4 
k 


PT O D eee 


邮 


用 户 通过 挥手 一 页 页 翻动 菜谱 ， 不 需要 用 脏 手 触 磁 平 板 电脑 。 


一 些 移 动 应 用 已 经 成 功 开发 了 这 方面 的 潜能 ， 创 造 出 非常 实用 的 功能 。 然 
而 ， 另 一 些 应 用 仅仅 为 了 进入 市 场 ， 开 发 的 功能 不 过 是 些小 把 戏 ， 对 用 户 来 说 没 
有 太 大 实际 意义 。 

游戏 产业 是 极 少数 将 开发 动作 感应 程序 视 为 “ 理 所 应 当 ” 的 产业 领域 之 一 。 
然而 ， 这 也 仅 涉 及 到 需要 玩家 里 体 活动 或 者 屏 薪 上 的 物体 移动 的 游戏 。 撤 开 特 殊 
类 型 的 游戏 不 谈 ， 设 计 者 应 该 注意 ， 在 使 用 通过 感应 行动 下 达 指 令 的 方法 时 要 十 
分 谨慎 。 

人 们 有 发现， 依靠 用 户 行 动 运行 的 功能 在 下 列 两 种 情况 下 能 发 挥 最 大 作用 : 第 
一 ， 与 另 一 种 应 用 共同 起 作用 时 ; 第 二 ， 用 户 不 能 使 用 传统 触 屏 时 。 这 时 ， 传 感 
设备 成 为 主要 任务 的 有 效 补充 。 比 如 ， 全 球 定 位 系统 (GPS) 是 驾驶 的 有 效 补 
充 ， 查 阅 菜谱 是 京 饪 的 有 效 补充 ， 听 首 乐 是 另 一 项 活动 的 有 效 补充 ， 等 等 。 


播 动 手机 


摇动 智能 手机 也 是 一 种 下 达 指 令 的 方式 。 与 采用 触 屏 界面 和 传感器 一 样 ， 通 过 
摇动 手机 进行 操作 的 功能 ， 也 不 需要 在 屏幕 上 显示 出 来 。 用 户 不 必 在 菜单 里 寻找 该 
功能 ， 就 可 以 直接 摇动 操作 。 不 过 ， 采 用 摇动 手机 模式 的 成 功 案例 并 不 多 见 。 


平板 电脑 应 用 程序 
HANDY 
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匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 
MUSIQUE 


手动 手机 让 应 用 程序 进入 随机 选择 模式 。 


播 动 手机 模式 经 常用 来 实现 随机 选择 ， 在 音乐 领域 的 应 用 程序 中 经 常 看 到 这 
种 设计 。 
如 何 正确 应 用 摇动 手机 的 操作 方式 ”以 下 有 几 条 建议 。 
。 首先， 请 确定 真 的 需要 使 用 摇动 手机 这 种 方式 。 摇 动手 机 是 否 适 合 要 开发 
的 应 用 ? 在 应 用 的 使 用 环境 里 ， 摇 动手 机 是 否 具有 语义 上 的 价值 ? 


应 用 程序 Pi 
BOGGLE 


GET MORE 


A GREAT EA GAMES! 


UE SCA AFP OL, STALE PAU, WREE PERR KEER ME, HAMAK 
中 的 游戏 玩法 非常 契合 ， 在 现实 中 ， 玩 家 也 需要 哆 动 盒子 打 乱 般 子 。 


| Shake to send feedback 


You shook your device! Your feedback 
and suggestions help us improwe 
Google Maps. To disable the shake 
gesture, visit settings from the side 
memu. 


REPORT A DATA PROBLEM 
SEND GENERAL FEEDBACK | 


DISMISS 


应 用 程序 请 用 户 摇动 手机 打开 “ 


其 次 ， 需 要 对 摇动 手机 的 操作 方式 做 出 必要 解释 ， 让 用 户 能 想得到 。 对 设 
计 者 来 说 ， 难 点 在 于 如 何在 不 一 直 显 示 功 能 提示 的 前 担 下 ， 让 用 户 知 道 可 
以 或 应 该 摇动 手机 。 

切记 : 应 当 让 用 户 能 目 行 天 闭 摇 动手 机 模式 。 开 局 摇动 模式 时 ， 很 容易 发 
生 在 不 经 意 间 摇动 手机 ， 导 致 手机 意外 做 出 反应 隐情 况 。 这 会 让 用 户 感到 
困扰 。 


同 理 ， 应 当 让 用 户 能 目 己 确认 是 否 需要 开局 摇动 模式 。 除 非 像 前 文 例子 中 
的 BOGGLE 游戏 一 样 ， 设 计 者 确定 用 户 硕 望 使 用 这 种 功能 。 

Wid: 手机 越 大越 重 ， 摇 动 起 来 就 越 困 难 。 因 此 ， 不 要 在 平板 电脑 的 应 用 
程序 中 设计 摇动 模式 ， 仅 在 智能 手机 上 使 用 即 可 。 越 是 涉及 应 用 的 主要 功 
能 ， 就 越 要 注意 这 一 点 ， 且 看 下 面 的 MAIL 的 例子 。 但 是 ， 前 文 例子 中 的 
BOGGLE 游戏 是 个 例外 ， 因 为 “摇动 ”已 经 是 此 类 游戏 中 必 不 可 少 的 一 
BSF e 


应 用 程序 
GOOGLE MAPS 
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平板 电脑 应 用 程序 
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MAIL 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


通过 揪 动 启动 “删除 文字 ”功能 。 用 户 费 了 大 力气 摇晃 平板 电脑 ， 却 只 为 做 这 么 一 件 小 事 ! 


转动 手机 


旋转 手机 ， 改 释 屏 芝 方 向， 让 屏幕 从 竖 向 转 为 横向 ， 或 者 把 手机 彻 展 翻转 过 
来 ， 这 都 是 先 借 传感器 下 达 指 令 的 操作 方式 。 人 们 根据 不 同 信息 选择 不 同 展示 方 
器 ， 或 换 一 种 形式 展示 相同 内 容 。 转 动手 机 的 操作 方式 在 智能 手机 上 越 来 越 闸 
见 ， 在 平板 电脑 上 却 相对 少见 ， 因 为 用 户 很 少 会 改 弯 平板 电脑 的 方 同 。 


实际 上 ， 除 了 阅读 和 书写 活动 〈 键盘 目 然 更 加 有 用 )， 很 少 遇 到 一 定 要 改 共 
移动 终端 设备 方 同 才 能 操作 的 情况 。 转 动手 机 虽然 用 处 不 大 ， 但 在 管 能 手机 上 的 
使 用 频率 很 高 ， 应 该 根据 具体 情况 加 以 调整 才能 发 挥 作 用 。 


这 种 操作 方法 应 该 在 次 要 或 补充 功能 中 使 用 。 另 外 ， 不 要 让 相 天 介绍 信息 一 
直 出 现在 屏幕 上 ， 应 该 让 用 户 目 己 去 发 现 它 ， 或 者 在 互动 过 程 中 寻找 一 个 特殊 时 
刻 各 知 用 户 。 比 如 ， 用 户 在 手机 坚 屏 时 如 果 很 难看 请 楷 画 面 ， 设 计 者 可 以 让 屏 戎 
目 动 旋 转 为 横向 ， 此 时 ， 用 户 会 目 然而 然 地 转动 手机 继续 观看 。 


4) Francais 


在 翻译 一 个 词语 后 ， 用 户 旋 转手 机 ， 应 用 程序 会 以 大 号 字体 展示 翻译 结果 ， 以 便 出 示 给 他 
人 。 用 户 和 希望 用 外 语 和 外 国人 交流 ， 却 又 不 会 发 音 ， 此 时 这 一 功能 大 有 用 途 ! 


慎重 设计 依靠 传感器 下 达 指 令 的 功能 
诚然 ， 每 款 应 用 各 有 不 同 ， 本 书 很 难 给 出 “ 放 之 四 海 而 丝 准 ”的 建议 。 但 
是 ， 如 果 设 计 者 遵循 下 列 基 本 原则 ， 人 至少 会 避免 犯 下 各 见 的 错误 。 
。 首先 ， 必 须 确定 依靠 传感器 下 达 指 令 的 功能 的 确 有 实际 意义 。 最 大 的 危险 
是 仅仅 “因为 技术 条 件 允 许 ” 就 谨 目 开发 ， 而 不 是 本 痢 满足 用 户 需 求 〈 即 
使 用 户 没 有 表达 ， 甚 至 没有 意识 到 目 己 的 需求 ) 的 原则 。 
。 依靠 传感器 下 达 指令 的 操作 方式 应 该 用 于 反复 出 现 、 使 用 的 功能 
。 应 该 告知 用 户 可 以 使 用 此 类 功能 。 
。 如 果 功 能 很 重要 ， 应 该 同时 采用 两 种 操作 方式 下 达 同 一 指令 : 一 种 凭借 传 
感 器 ， 另 一 种 通过 点 击 触 屏 。 
。 另 外， 设计 者 应 当 确定 用 户 愿 意 通 过 传感器 下 达 指 令 ， 而 且 最 好 为 用 户 提 
供 选 择 ， 在 可 能 或 必要 的 情况 下 天 闭 这 种 操作 方法 。 
。 最 后 ， 一 定 要 让 用 户 能 够 很 容易 地 关闭 通过 传感器 下 达 指 令 的 操作 方法 ， 
天 闭 和 诅 活 的 操作 模式 最 好 相同 。 


应 用 程序 
GOOGLE 
TRANSLATE 
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振动 : 沉浸 式 体 验 …… 值 得 开发 ， 但 不 要 省 用 


移动 终端 的 用 尸体 验 也 包括 刁 体 对 信号 的 感 。 大 多 数 人 机 交互 设计 基于 倪 
觉 和 听觉 的 基础 之 上 ， 但 手机 振动 对 用 户 也 同样 意义 重大 。 很 明显 ， 适 用 于 这 种 
刺激 的 情况 不 算 太 多 ， 最 凋 见 的 是 “振动 模式 ”， 能 让 用 户 不 必 通 过 传统 的 声 首 
渠道 感知 手机 的 情况 。 


手机 振动 是 一 种 触觉 反馈 。 这 种 反馈 能 给 人 以 触觉 体验 : 根据 不 同 交 互 设 
施 ， 用 户 能 感觉 到 移动 、 重 量 、 阻 力 、 压 力 。 在 智能 手机 或 平板 电脑 上 ， 触 党 反馈 
通过 一 组 振动 马达 实现 。 马 达 分 布 在 智能 手机 或 平板 电脑 的 各 个 部 位 ， 可 以 同时 振 
动 或 分 区 振动 。 于 是 ， 用 户 可 以 感觉 到 整体 振动 ， 或 者 具体 茶 一 部 位 的 局 部 振动 。 


EP “war 75 OE 


iOS 系统 


iPhone 默认 配备 不 同类 型 的 振动 模式 ， 还 向 用 户 提 供 自 定义 振动 模式 ， 以 便 标 记 特 殊 事 
件 。 比 如 ， 用 户 用 某 一 种 振动 模式 提示 收 到 某 个 联系 人 或 菏 一 组 联系 人 的 信息 。 因 此 ， 振 
动 带 来 的 信息 不 再 是 “二 元 的 "， 不 再 仅仅 表示 “有 事情 发 生 ”， 而 被 赋予 一 定 的 意义 。 


目前 ， 振 动 按 照 序 列 和 持续 时 间 加 以 区 分 ， 而 不 是 按照 振动 强度 或 者 振动 点 
在 手机 机 刁 上 所 处 的 位 置 进行 区 分 。 


振动 所 传 违 的 信息 有 两 神主 要 用 途 : 事件 提醒 和 行动 反馈 。 无 论 哪 种 情况 ， 
振动 模式 必须 恰当 ， 才 能 被 用 尸 授 受 。 因 为 让 号 体感 到 振动 是 移动 终端 进一步 走 
入 用 户 私密 生活 的 表现 。 在 用 户 役 有 要 求 的 情况 下 就 让 他 感到 设备 振动 ， 存 在 巨 
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大 风险 : 用 户 会 感到 道 到 冒犯 。 设 计 者 一 定 要 在 恰当 的 情况 下 使 用 振动 功能 ， 绝 
对 不 要 小 用 。 


安 卓 系统 
安里 系统 默认 设置 ， 用 户 在 输入 每 个 字 后 都 会 得 到 振动 反馈 ， 
2 a Dil be BY A ELAR FEA EMI. AEP SO, (8 
— Ms ST, WA PPPoA BCE | 
应 用 程序 
COUPLE 


通过 Thumbkiss PEs, MEF ÉRE FE T fille ee EEX: BS ABEL PA 
手指 在 屏幕 上 的 移动 痕迹 ， 最 终 目 的 是 让 两 人 的 手指 在 虚拟 状态 下 接触 。 当 两 个 人 的 手指 
互相 “ 磁 到 ”后 ， 屏 幕 变 成 红色 ， 用 户 感到 一 股 振动 从 指 端 传 人 身体 ……: 
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应 用 程序 
GOOGLE MAPS 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 通过 振动 确认 已 经 收 到 了 用 户 的 指令 …… 不 过 用 户 
凭借 视觉 在 屏幕 上 已 经 看 到 了 反馈 。 


Report a data problem 


Add a missing place 


Send general feedback 


Dismiss 


声音 体 DĂ 
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AM FLAY oe tel EE MOR, Pe SRA ER AA] 27 
手机 和 平板 电脑 可 以 通过 麦克 风 发 出 、 接 收 备 种 声 普 。 现 在 让 我 们 一 起 看 看 


RAE 
Fa He 
需要 遵守 哪些 规则 ， 才 能 提供 优秀 的 声音 体验 吧 。 


听 到 声音 

声音 体验 的 第 一 种 模式 是 把 用 户 作 为 电话 所 发 出 声 疼 的 接受 者 。 电 话 听 简 可 以 
发 出 通话 声 、 首 乐 、 全 球 定 位 系统 的 语 首 提 示 ， 甚 至 是 应 用 程序 发 出 的 声 普 。 本 书 
看 重 讲述 最 后 一 种 情况 ， 因 为 只 有 在 这 种 情况 下 ， 用 户 体验 设计 者 才能 发 挥 影 响 力 。 

天 于 声音 体验 设计 的 最 重要 建议 是 : 干 万 小 心 使 用 ! 其 实 ， 在 用 户 没 有 提出 任 
何 要 求 的 情况 下 ， 声 普 属 于 入 侵 性 很 强 的 刺激 。 在 移动 过 程 中 或 在 社交 生活 中 ， 声 
音 很 容易 造成 不 适 感 。 相 当 多 的 用 户 把 应 用 程序 发 出 的 声音 视 为 一 种 侵袭 和 骚扰 。 
但 在 另 一 方面 ， 在 特定 的 环境 下 正确 使 用 声音 ， 可 以 大 幅 优化 用 户 体验 。 


环境 声音 与 逗号 声音 
实际 上 ， 真 正 需要 声音 效果 的 应 用 程序 并 不 多 见 ， 但 如 果 设 计 者 坚持 采用 ， 
首先 需要 区 分 两 种 不 同类 型 的 声音 。 我 们 知道 ， 用 户 更 趋向 于 搂 受 所 谓 的 速 号 声 


第 一 章 OQ 感官 体验 


音 ， 相 对 反感 持续 声音 。 带 号 声音 指 在 人 机 交互 过 程 中 的 特定 时 刻 所 发 出 的 持续 
时 间 很 短 的 普 效 。 逗 号 声 首 可 作为 提示 首 : 这 种 首 效 将 用 户 的 注意 力 吸引 到 某 一 
特定 点 上 。 同 时 ， 这 种 音效 也 可 以 作为 反 蚀 ， 回 应 用 户 的 行动 ， 表 示 对 用 户 发 出 
的 指令 加 以 跟 进 或 确认 。 


应 用 程序 
SKYPE 和 iPhone 
手机 照相 功能 
Ke 
在 SKYPE 上 接听 、 挂 断 电 话 ， ae iPhone 手机 拍摄 照片 时 产生 的 逗号 声音 属于 反馈 信 
A: 确认 系统 已 经 收 到 用 户 的 指令 ， 并 强调 行为 意义 
尽管 用 户 在 通 各 情况 下 不 愿 援 受 声 啊 ， 但 在 游戏 、 趣 味 性 应 用 程序 和 专 为 儿童 设 
计 的 移动 应 用 中 ， 人 们 却 能 够 接受 各 种 声 首 。 这 些 应 用 的 环境 声 普 和 逗号 声 普 加 强 
了 融入 感 ， 成 为 系统 不 可 分 割 的 一 部 分 。 不 过 ， 游 戏 也 分 很 多 种 。 设 计 者 要 注意 认 清 
游戏 和 和 应 用 程序 二 者 之 间 的 界限 ， 尤 其 是 当 游 戏 和 错 入 了 类 似 应 用 程序 的 导航 模式 时 。 
a 游戏 应 用 程序 


A da 在 CROSSY ROAD 和 SQUIDS 上 ， 音 效 是 用 户 体验 的 一 部 分 , 很 | CROSSY ROAD 
难 想象 没有 声音 的 游戏 会 变 成 什么 样子 。 
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应 用 程序 


SQUIDS Cal ee T he | Ce 


a 
eS G ® C 


1 -Graveidansllalpienne 


Secréte Survie Vitesse (5) 


应 用 程序 
QUIZUP 


月 Musique 
|) Ehet: sonores 
(Oy Vibration 


全 Mode confidential 


七) Hotifications de défis er) 
T) Notifications de tchat GET) 


J, Notifications d'amis EI) 


相反 ， 应 用 程序 QUIZUP 尽管 被 归 类 到 游戏 中 ,但 在 音效 使 用 方面 实在 过 于 奔 张 ， 甚 至 
让 用 户 很 快 就 厌烦 起 来 。 根 据 默 认 设 置 ， 背景 首 乐 贵 穿 在 游戏 中 ， 任 何 一 个 事件 都 会 发 出 
声音 ， 甚 至 开局 一 系列 音效 。 在 游戏 运行 过 程 中 ， 甚 至 在 宣布 结果 时 出 现 音 乐 是 可 以 接 
受 的 ,但 在 浏览 、 导 航 过 程 中 不 断 出 现 声音 ， 就 难免 让 人 厌烦: 显示 菜单 、 回 到 首页 (每 
个 页 面 出 现时 都 会 伴随 “ 鸣 ” 的 一 声 )、 点 击 “ 朋 友 ”( Amis ) 选项 ( 每 次 点 击 都 会 发 出 
“ 叮 ” 的 一 声 ) SR VERE BAR BE SF SE 


在 移动 终端 上 正确 使 用 声音 

前 面 说 到 ， 用 户 更 喜欢 逗号 声音 而 非 环境 声音 。 除 这 一 点 之 外 ， 下 面 的 一 些 
建议 也 可 以 改善 用 户 的 声音 体验 。 需 要 再 次 强调 的 是 ， 以 下 建议 仅 针对 游戏 领域 
的 应 用 程序 ， 因 为 在 游戏 环境 之 下 ， 声 音 是 用 户 体验 不 可 或 缺 的 部 分 。 
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第 一 章 的 感官 体验 


。 逗 号 声音 应 该 和 具体 事件 相关 联 ， 而 不 应 该 在 用 户 不 明 就 里 的 情况 下 突 
然 出 现 。 


。 喜 号 声音 越 短暂 、 越 不 引 人 注 意 ， 惑 越 容 易 被 用 户 接受 。 


平板 电脑 应 用 程序 
SKETCHES 


更 换 工 具 时 会 出 现 轻微 的 声 啊 表示 确认 操作 ， 没 有 过 多 的 入 侵 性 。 


。 除非 十 分 必要 ， 人 否则 尽量 不 要 使 用 声音 ， 尽 可 能 避免 在 经 党 重复 使 用 的 功 
能 或 反复 出 现 的 事件 中 采用 伴随 音效 。 


古人 a 应 用 程序 
在 此 款 信 息 交 流 应 用 程序 中 ， 每 次 发 出 信息 时 或 者 对 话 方正 MESSENGER 


well, do you take 在 书写 时 都 会 发 出 声音 。 在 一 款 信息 交流 的 应 用 程序 中 ， 将 
CS Goes 使 用 频率 如 此 高 的 功能 与 音效 相关 联 ， 用 户 很 容易 对 反复 发 
ves 出 的 声响 感到 厌烦 。 


Qwertyuloe 
ASDF OHI KL 


a 


@#zxcve 


NM. 
sl 


rr i n 
e g se E 


Ae 


。 人 允许 用 户 天 闭 声音 ， 或 者 能 够 在 设置 里 调 成 静 首 。 如 果 声 音 出 现 次 数 过 
多 ， 最 好 让 用 户 轻 松 点 击 一 下 就 能 将 其 天 闭 。 
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应 用 程序 
PATH 
这 款 应 用 程序 很 少 使 用 声音 ， 而 且 用 户 可 以 在 设置 中 关闭 声音 选项 。 而 在 WWF 
TOGETHER 里 ， 首 效 出 现 相 对 频繁 ， 因此， 用 户 很 早 欢 能 迅速 关闭 或 打开 声音 的 选项 。 
世界 自然 基金 的 
平板 电脑 应 用 程序 
WWF TOGETHER 


。 声音 反复 出 现 或 者 持续 存在 注定 会 让 用 户 感 到 厌烦 。 仅 在 特殊 情况 或 事件 
中 使 用 伴随 声音 ， 才 能 够 确保 事件 的 独特 性 。 
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第 一 章 GD 感官 体验 


应 用 程序 
PATH 

在 此 款 应 用 程序 里 ， 只 有 一 种 人 机 交互 操作 伴随 了 音效 一 一 打开 和 关闭 提交 选项 。 严 格 来 

说 ， 这 里 的 音效 没有 多 大 用 处 ， 但 尚且 可 以 接受 ， 因 为 提交 选项 不 是 一 项 非常 频繁 的 活 

动 ， 此 处 的 音效 不 会 困扰 用 户 。 

。 最 后 一 点 ， 仔 细 有 雕琢 声音 的 每 个 细节 | 

FRANCE INFO 
广播 电台 的 
平板 电脑 应 用 程序 


- JE SUIS 


= CHARLIE 


PI eer FU. be er cha Bede eles te eee oe ee Che Ce 
"Es ep n pe rte heaps 
ae 


用 户 关闭 应 用 程序 时 ， 伴 随 这 一 动作 会 出 现 一 个 逐渐 弱化 直至 消失 的 音效 。 这 会 给 人 一 种 
很 舒服 的 感觉 ， 似 乎 声音 将 伴随 应 用 程序 一 起 关闭 。 
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应 用 程序 
SIDECHEF 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


声控 指令 

用 户 通过 声音 操控 的 模式 越 来 越 被 广泛 使 用 。 在 用 户 腾 不 出 双手 的 情况 下 ， 
或 者 在 和 传统 操作 方式 相 比 用 声控 更 方便 的 情况 下 ， 声 控 应 用 程序 越 来 越 受 
欢迎 。 


声控 功能 最 困难 的 部 分 在 于 如 何 理解 用 户 的 指令 ， 以 及 如 何 让 用 户 轻 松 地 调 
整 指令 P 与 其 他 凭借 传感器 下 达 指 令 i 下 达 或 取消 
声控 指令 最 好 通过 相同 的 通道 。 而 且 ， 设 计 者 应 当 同 时 准备 通过 触 屏 界 面 取消 指 
令 的 选项 。 

声控 指令 的 另 一 个 难点 在 于 用 户 该 如 何 记 住 有 效 指令 ! 使 用 简单 易 行 、 尽 人 

和 皆 知 的 词语 作为 指令 ， 有 利于 用 户 记 忆 。 此 外 ,设计 者 还 要 考虑 指令 的 难 易 度 : 
使 用 的 词语 必须 很 简短 ， 这 样 用 户 才 能 脱口 而 出 。 


TA 


To make the chorizo flavoring, blend together the 
reconstituted pasillas with the 7 oz. can of chipotles in 
adobo sauce (1), paprika (1/2 tbsp), cayenne pepper (1/2 
tbsp), ground mexican chili (1 tsp), crushed reg pepper 


“Still” (Cook) 选项 可 以 把 菜谱 一 步 一 步 展 示 给 用 户 。 每 一 个 步骤 都 能 通过 声音 控制 : 用 
户 说 “下 一 步 ”( Next )， 程 序 就 会 依据 指令 转 到 下 一 个 步骤 。 这 种 功能 的 确 满足 了 用 户 的 
现实 需要 。 


EMH P, Sac ASB AB AY DA E E, MMII AS. FRANCO. TEAR at 
前 做 一 个 手势 就 能 激活 声控 功能 。 特 丈 的 使 用 环境 让 声控 功能 显得 非常 实用 。 


应 用 程序 
WAZE 
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IK BS SR 


移动 终端 的 环境 往往 比较 恶劣 : PANES, Mis), mee 
注意 力 。 用 户 没 有 过 多 空余 时 间 ， 而 且 使 用 过 程 经 昔 会 被 外 来 事件 打 断 。 


设计 者 可 以 帮助 用 户 集 中 精力 ， 根 据 交互 操作 的 具体 情 况 ， 仅 展示 
最 必要 的 元 素 。 利 用 聚焦 点 原理 ， 依 据 内 容 的 重要 程度 在 屏 医 上 进行 排 
Fe, LANA 


7B el A (88 a A KAO IS AN A PK AR E XK 
Hl so 2s CES TE BRAS AY TEN, TEA REN Be A A. REIS 
id, HAE 75% 的 情况 下 使 用 拇指 操作 。 


设计 足够 大 的 可 触 控 区 域 , 让 人 机 交互 更 便利 。 可 甬 控 区 域 的 大 小 
平均 在 9 SKE 12 毫米 之 间 。 


让 具备 功能 可 供 性 的 行 更 利于 人 机 交互 操作 : 让 用 户 看 到 界 
面 后 能 够 很 快 猜 到 哪些 元 素 可 以 操控 。 


采用 操作 手势 提高 效率 ， 释 放 屏 噬 空 间 。 把 操作 手势 用 于 最 重要 的 
操作 ， 想 办 法 提高 操作 手势 的 可 大 : 使 用 大 家 惯用 的 操作 手势 通 
过 可 见 的 行为 召唤 凸显 操作 手势 ; 想法 让 用 户 猿 到 如 何 使 用 操作 手势 ， 
或 者 明确 做 出 解释 。 


仅 在 必要 有 的 情况 下 使 用 传感器 、 摇 动 、 转 动 或 振动 等 操作 功能 。 


与 环境 声音 相 比 ， 更 多 使 用 运 号 声音 。 仅 在 音效 确实 能 为 用 户 融 来 
优质 体验 的 情况 下 使 用 。 另 外 ， 不 要 过 于 频 窒 地 使 用 声 普 。 


LS 
ome, ET 


Wi HS | 


[2 | N ANKETANI O. = 
SUR MORILE 


BS ENMANE SSA 


。 移动 终端 应 该 提供 什么 服务 内 容 ? 
。 住 何 种 环境 下 使 用 何 种 菜单 ? 

。 如 何 设计 导航 菜单 ? 

。 鼓励 用 户 浏览 

。 正确 管理 滚动 页 面 

。 简化 导航 

。 避免 导航 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


移动 终 叫 应 该 提供 什么 服务 内 容 ? 


和 和 固定 终端 相 比 ， 移 动 终端 应 用 的 设计 者 更 需要 仔细 其 酌 服 务 内 容 。 遂 凋 ， 
移动 应 用 背负 着 一 个 体系 的 所 有 烙印 ， 体 系 中 的 每 个 环节 都 有 话 要 说 ， 更 麻烦 的 
是 ， 每 个 环 世 都 能 找到 目 己 的 位 置 。 看 看 这 些 庞大 的 浏览 空间 、 内 容 楷 多 的 首 
页 、 包 罗 万 象 的 菜单 。 移 动 终 山 怎样 才能 去 驼 束 简 呢 ? 


移动 终端 必 须 采 取 简 洛 原 则 

移动 终端 造成 的 各 种 束缚 反而 成 就 了 目 身 的 楷 宋 。 一 个 备 受 限制 的 环境 往往 
会 促使 人 们 至 至 完善 ， 选 择 不 同 寻 篆 的 道路 ， 不 断 精 益 求 精 。 移 动 终端 创造 的 恰 
恰 是 这 种 环境 。 移 动 终 剖 的 缺陷 塑造 了 今天 移动 服务 的 品质 特点 一 一 简洁 。 

移动 终端 的 屏 攻 空间 小 ， 无 线 网 络 和 连 搂 往往 速度 较 慢 ， 有 时 长 全 会 出 现 断 网 
的 情况 。 所 以 ， 和 固定 终端 相 比 ， 移 动 终端 可 容纳 的 内 容 较 少 。 然 而 ， 这 些 缺 点 
反而 成 为 移动 终端 发 展 前 进 的 动力 : 移动 应 用 的 设计 者 被 迫 更 深入 地 考察 用 户 需 
求 ， 对 人 机 交互 界面 精 雕 细 琢 。 


事实 证 明 ， 屏 医大 小 决定 了 设计 思路 : 平板 电脑 的 界面 比 管 能 手机 的 界面 更 
加 丰富 、 更 加 完整 。 但 是 ,平板 电脑 和 智能 手机 的 界面 往往 由 同一 个 团队 设计 。 
WE, 移动 终端 的 界面 比 固定 终端 的 界面 更 加 简洁 。 


移动 终端 产业 对 简洁 原则 已 达成 了 共识 。 人 们 认为 应 该 缩小 移动 终端 的 
功能 范围 。 移 动 终端 用 户 体验 专家 户 克 ' 沃 洛 布 莱 夫 斯 基 掀 起 的 “移动 优先 ” 
(Mobile First ) 风潮 强调 : 只 保留 必要 的 内 容 和 功能 。 从 设计 移动 终端 界面 产品 
之 初 ， 设 计 者 就 要 开始 考虑 屏幕 空间 的 限制 。 因 此 ， 他 会 目 然而 然 会 采用 简 洗 的 
风格 ， 做 出 必要 的 取舍 。 

因此 对 于 用 户 来 说 ， 移 动 终端 提供 的 服务 如 同一 阵 清 风 ， 满 足 了 用 户 最 根本 
的 需求 一 一 简洁 。 于 是 ， 移 动 终端 的 设计 思路 又 让 曾经 风靡 一 时 的 经 典 风尚 卷 十 
重 来 一 一 一 切 以 简洁 为 上 。 最 伟大 的 设计 理论 家 之 一 约翰 : 梅 德 (John Maeda ) 

导 设 计 者 们 : 为 了 用 户 的 利益 ， 要 学 会 放弃 。 根 据 他 的 理论 ， 通 过 缩减 功能 荡 
围 ， 可 以 让 产品 更 加 实用 ， 更 容易 被 用 户 接纳 。 但 是 ， 面 对 复杂 的 软件 和 庞大 的 
技术 设备 ， 有 谁 没 感 到 过 不 知 所 措 呢 ? 
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第 二 章 @ 移动 应 用 的 内 容 与 导航 


一 个 开放 的 环境 总 会 充斥 着 各 种 可 能 性 ， 简 洁 原 则 很 难 践 行 。 然 而 ， 在 移动 
终 问 这 个 存在 重重 限制 的 环境 下 ， 简 洁 原 则 实行 起 来 则 恰如其分 。 


37 Signals 公司 在 开发 项 目 管理 工具 Basecamp WH MWR HARE: “A 
色 少 就 是 我 们 最 大 的 特色 。” 


选择 越 多 ， 就 越 难以 选择 。 这 种 矛盾 不 仅 体 现在 人 们 的 消费 行为 中 ， 还 体现 
在 人 们 对 天 联 事 物 的 运用 中 。 


如 果 想 进一步 了 解 简 洁 理 念 ， 请 阅读 巴里 . WTX (Barry Schwartz) 的 著 
ECE NA: 为 什么 “多 ”就 是 “ 少 ”》( The Paradox of Choice: Why More 
Is Less )， 这 本 经 典 之 作 可 谓 经 久 不 衰 ! 


ASE Ye I 

当然 ， 绝 不 能 牺牲 对 用 户 来 说 十 分 重要 的 组 成 部 分 ， 否 则 会 影响 用 户 使 用 终 
端 应 用 的 积极 性 。 用 户 应 当 能 在 移动 应 用 中 找到 目 己 所 需 的 功能 。 如 果 移 动 终端 
所 提供 的 应 用 还 能 在 其 他 地 方 找到 “完整 版 " ， 满 足 用 户 需 求 这 一 前 提 就 显得 更 
为 天 建 ， 因 为 用 户 会 期 竺 在 移动 终端 上 也 能 找到 同样 的 功能 。 更 糟 糙 的 是 ， 如 果 
解决 不 好 这 个 问题 ， 用 户 会 觉得 :“ 移 动 终端 上 的 应 用 恐怕 仅 限 于 此 了 吧 。 

简 尘 原则 并 不 是 寻求 “更 少 的 功能 "， 而 是 “真正 能 满足 用 户 在 移动 中 的 使 
用 需求 "。 正 如 米尔 顿 : 格拉 泽 (Milton Glaser) 曾 说 过 的 :“ 更 少 不 意 味 着 更 
多 ， 足 够 才 意味 着 更 多 。 斯 蒂 分 ' 胡 博 非 弟 赞同 这 种 说 法 ， 简 洁 绝 不 是 要 提供 
不 完整 、 受 限制 、 贫 乏 的 用 户 体验 。 


“移动 终端 永远 不 意味 着 降低 或 限制 用 户 体验 。” 一 一 大 博 


为 简洁 而 隐藏 

通过 设计 内 容 染 构 和 界面 ， 也 可 以 达到 简洁 的 目的 。 其 实 ， 隐 藏 菜 项 功能 不 
等 于 就 此 放弃 ， 可 以 把 该 功能 安置 在 下 一 级 的 结构 中 。 设 计 者 应 该 把 各 项 功能 
成 不 同 级 别 ， 把 最 重要 的 功能 放 在 天 前 ， 即 默认 在 界面 上 显示 。 其 他 功能 也 能 使 
用 ， 只 不 过 需要 用 户 多 操作 几 步 而 已 。 所以， 移动 终 并 应 用 程序 即便 拥有 多 样 的 
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功能 ， 也 未 必 会 呈现 复杂 的 外 观 。 

隐藏 的 功能 和 内 容 应 当 或 早 或 晚 能 够 被 发 现 ， 行为 召唤 、 图 标 、 图 形 元 素 等 
标志 着 它们 的 存在 。 但 是 ， 隐 藏 功能 和 内 容 有 时 会 被 彻底 藏 起 来 ， 用 户 完全 无 法 
猜 到 这 些 元 素 可 以 被 激活 ， 只 有 通过 一 个 简单 手势 或 动作 才能 暴露 出 来 。 


应 用 程序 
MOVES 


应 用 程序 默认 显示 行走 时 间 。 用 户 点 击 圆 形 后 才 发 现 还 能 显示 路 程 的 公里 数 ， 如 宋 再 点 击 
一 次 ， 还 能 显示 走 过 的 步 数 。 上 述 功能 实际 都 存在 ， 而 这 种 设计 方式 不 会 让 界面 显得 过 于 
HEHP 入 


由 于 移动 终端 的 屏幕 空间 很 小 ， 设 计 者 总 是 不 得 不 使 用 掩藏 技术 ， 但 是 ， 这 
恰恰 为 各 种 功能 的 重要 程度 提供 了 一 个 分 级 的 机 会 。 


移动 终端 的 潜力 、 环 境 与 使 用 

企 移 动 终端 上 规划 内 容 不 等 于 减少 功能 ， 更 要 考虑 移动 终端 的 独特 使 用 方式 
和 操作 环境 。 实 际 上 ， 智 能 手机 和 平板 电脑 的 特殊 使 用 方式 为 功能 设计 指出 了 方 
回 。 用 户 不 会 在 台式 电脑 、 智 能 手机 或 平板 电脑 上 做 同样 的 事情 。 比 如 ， 在 智能 
手机 和 平板 电脑 上 打字 ， 既 不 方便 又 无 趣 ， 用 户 就 会 产生 尽量 少 打字 的 倾向 ， 而 
打字 的 内 容 和 方式 也 跟 在 合式 电脑 上 有 所 不 同 。 加 载 除 照 户 和 视频 以 外 的 文件 ， 
或 者 处 理 庞 大 的 工作 量 时 ， 也 是 同样 的 道理 。 

设计 者 还 要 考虑 到 ， 用 户 在 使 用 移动 终端 时 ， 大 多 会 将 任务 分 割 企 较 短 的 时 
间 上 段 内 处 理 。 
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如 果 说 ， 移 动 应 用 的 设计 需要 舍 奔 ， 那 么 这 也 是 一 个 绝 好 的 机 会 让 设计 者 仔 
细 思 考 一 一 究 葛 应 当 提 供给 用 户 什 么 样 的 服务 ”移动 设备 拥有 广阔 的 应 用 商 力 ， 
设计 者 可 以 借 此 研究 如 何 适 应 任务 和 使 用 环 壕 。 担 摄 相 上 请 和 视频 、 使 用 卫星 定位 
系统 、 局 动 移动 与 环境 传感器 、 扫 描 物 品 …… 各 式 各 样 的 功能 开 届 了 全 新 设计 前 
景 ， 同 时 在 各 种 应 用 和 网 站 之 间 建 立 了 新 的 沟通 桥梁 ， 为 用 户 提 供 了 真正 的 贴心 
服务 ， 让 用 户 摆 脱 宦 目的 境地 ， 不 再 满足 于 简 里 的 信息 复制 。 


应 用 程序 
SE LOGER, 
WAZE 和 
C-WALLET 


BOG 
Pour profiter de Fottre, j'achète : 
un paguat de Special K Mind Breaks Chocolat 


(i) Verifier irasa decker 


ESWAR IMR, Zee Ee Aka, Tada MERER ME: 移动 终 
问 具 备 大 量 特 丈 功能， 让 用 户 从 中 受益 。 


在 何 种 环境 下 使 用 何 种 灯 单 ? 


设计 者 在 选 定 了 应 用 程度 与 网 站 的 内 容 和 功能 后 ， 就 应 该 考虑 如 何 向 用 户 展 
示 ， 让 用 户 很 容易 看 到 内 容 、 使 用 到 功能 。 关 于 移动 终端 的 菜单 设计 ， 别 人 最 
常 问 我 的 问题 是 : 采用 选项 卡 菜单 还 是 汉堡 菜单 ? 应 该 如 何 选择 ? 和 大 部 分 用 户 
体验 的 相关 问题 一 样 ， 我 的 最 佳 答案 是 :“ 看 情况 而 定 。” 设 计 者 要 根据 应 用 的 内 
容 、 具 体 环 境 、 设 计策 略 多 个 条 件 做 决定 。 最 终 呈 现在 用 户 面前 的 界面 不 过 是 对 
上 述 条 件 深思 熟 虑 后 ， 精 心 设计 的 结果 而 已 。 
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直观 沫 单 

最 传统 的 菜单 设计 与 网 页 菜单 设 计 十 分 相近 ， 即 列举 出 菜单 的 所 有 项 目 。 这 
种 方法 没有 任何 风险 : 一 切 都 在 眼前 ， 用 户 不 会 错过 任何 内 容 。 但 难点 在 于 很 难 
把 希望 展示 的 内 容 统 统 列举 出 来 。 


什么 时 候 使 用 直观 荣 单 ? 
下 面 是 可 以 或 必须 采用 直观 菜单 的 几 种 情况 。 


。 当 菜单 拥有 建议 能 力 的 时 候 ， 换 名 话说， 菜单 可 以 激发 用 户 产生 浏览 页 面 
的 想法 。 


当 用 户 需要 高 效率 的 时 候 : 用 户 需 要 通过 菜单 立即 进入 各 个 功能 ， 这 时 直 


观 菜单 更 理想 。 


当 菜 单 选项 不 多 的 时 候 : 添加 一 个 “其 他 ”选项 就 可 以 达到 全 面 履 蓄 上 日 
的 ， 我 在 后 文中 会 详细 介绍 。 


。 当 基 本 不 存在 屏 才 空间 不 足 问 题 的 时 候 。 


。 当 用 户 需 要 利和 凋 从 一 个 页 面 跳 转 到 另 一 个 页 面 的 时 候 。 


应 用 程序 MAPPY、 
FOODSPOTTING 

和 CAPITAINE iu 
TRAIN PA ) From Paris 7 


To Nantes 


Depart Today 18:00 


Return 


Passengers Fan 


Code Avantage SNCF 


直观 菜单 可 以 让 用 户 直接 点 击 使 用 重要 的 功能 ， 如 MAPPY 中 的 “路 线 ”( Itinkraire ) 功 
能 、FOODSPOTTING 中 的 “拍照 ”功能 和 CAPTAINE TRAIN 中 的 “购物 篮 ” 功 能 ， 同 
时 也 可 以 辟 励 用 户 探索 不 知晓 或 者 从 未 浏览 过 的 页 面 ， 比 如 MAPPY 中 的 “购物 ”功能 。 
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弥补 直观 集 单 的 缺陷 
直观 菜单 存在 两 种 缺陷 ， 一 是 菜单 在 屏幕 上 占据 空间 较 大 ;二 是 菜单 无 法 容 
纳 过 多 数量 的 选项 。 以 下 是 弥补 这 两 种 缺陷 的 方法 。 


在 用 户 不 需要 菜单 的 时 候 将 菜单 隐藏 

直观 菜单 最 大 的 问题 是 它 始终 存在 于 屏幕 上 ， 十 分 碍 事 。 所 以 ， 在 人 机 交互 
的 肝 些 时 到 ， 尤 其 在 用 户 探索 页 面 和 阅读 内 容 的 时 候 ， 最 好 将 菜 蛙 隐藏 起 来 。 此 
时 ， 我 们 可 以 假设 用 户 不 需要 太 多 的 整体 导航 功能 选项 。 


50 SOLUTIONS ATTENDENT 
VOS VOIX 


CHO a 
PUBLICITE POSTIVE 
3 POUR LE CLIMAT 


KL 
CHOISISSEZ VOTE 
PUBLICITE POSTIVE 

FOUR LE CLIMAT 


Les solutions qui attendent 
WOS VOIX 


> f mM A 


MKB BUG SM Was, “SAP “ote” TAY, SAFARI 菜单 消失 ; 在 用 户 点 击 时 ， 
沫 单 重新 出 现 。 


两 者 兼顾 的 方法 
在 iPhone 最 初 的 开发 指导 思想 中 有 这 样 一 条 建议 : 标签 栏 (tab bar) 中 的 
最 后 一 个 选项 应 当 是 “更 多 内 容 "“ 其 他 ”等 类 似 选项 ， 用 户 只 需 点 击 一 下 就 可 
以 展开 次 要 选项 。 当 然 ， 在 任何 移动 应 用 中 都 能 采用 这 种 方法 。 


SAFARI 浏览 器 展 
示 的 MY POSITIVE 
IMPACT 的 

移动 终端 网 站 
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MUSIQUE 和 
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BANKIN 
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7 ih: 


Modifier 


< janvier 2015 H 


SOLUTIONS GA TRAPHIQUES 


EPARGNE CE MOIS 
“6,15 € 


Entrées du mols 


Sorties. du mois 


“其 他 ”( Autre ) 设 为 亲 单 导航 的 最 后 一 个 选项 ， 包 含 后 续 内 容 和 其 他 选项 。 


Sipai 


移动 终端 像素 有 限 ， 设 计 者 显然 WA 

汉堡 莱 单 及 其 衍生 设计 应 运 而 生 。 无 论 莱 单 是 大 是 小 ,“ 汉 堡 菜 里 ”的 主要 原则 

是 隐藏 菜单 ， ee i 
放 ， 需 要 浏览 时 会 出 现在 屏 才 的 左 侧 或 右 侧 。 因 此 人 们 也 把 这 类 菜单 叫做 “ 抽 屠 
菜单 ， 在 软件 里 也 有 类 似 的 设计 。 


we 
想到 汉堡 包 中 面包 与 食材 上 下 有 登 放 的 样子 , “汉堡 菜单 ”因此 得 名 。 


什么 时 候 采 用 隐藏 菜单 ? 
障 藏 菜 蛙 的 最 大 优点 是 占据 屏幕 空间 极 少 ， 可 以 把 空间 留 给 其 他 元 素 。 其 最 大 
缺点 是 隐藏 了 菜单 的 具体 内 容 : 如 果 用 户 不 打开 菜单 得 看， 从 表面 上 什么 都 看 不 到 。 
众所周知 ， 可 以 被 直 搂 看 见 的 直观 目标 的 使 用 频率 更 高 。 如 果 采 用 隐藏 菜 
单 ， 被 隐藏 的 具体 选项 功能 的 使 用 频率 会 大 幅 降低 。 隐 藏 菜单 设 有 建议 能 力 ， 也 
就 是 说 ， 只 有 在 用 户主 观 硕 望 去 寻找 一 些 东 西 时 ， 才 会 点 击 隐藏 菜单 进行 搜索 。 
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隐藏 菜单 不 会 目 行 给 予 用 户 任何 启发， 激发 他 们 产生 使 用 隐藏 内 容 的 想法 。 和 名 言 
道 :“ 眼 不 见 ， 心 不 念 。” 这 句 话 在 人 机 交互 的 世界 中 得 到 了 最 完美 的 诠释 。 


然而 ， 如 果 被 隐藏 的 内 容 并 非 应 用 中 的 天 键 部 分 ， 那 么 隐藏 菜单 完全 可 以 接 
受 ， 甚 至 应 该 得 到 推 及 。 从 人 机 工程 学 角度 看 来 ， 通 过 点 击 一 下 来 展示 所 有 功 
能 ， 这 种 设计 没有 太 大 意义 : 这 其 实意 味 者 ， 设 计 者 不 知道 该 如 何 取 舍 ， 如 何 找 
到 合适 的 平衡 点 。 还 是 那 句 话 ， 想 要 设计 高 效 的 导航 ， 设 计 者 首先 要 考虑 如 何 鬼 
照 内 容 和 功能 的 重要 性 进行 分 级 的 问题 。 

以 下 是 可 以 或 必须 使 用 隐藏 菜单 的 几 种 情况 。 


。 当 菜 单 里 没有 任何 重要 内 容 , 或 者 设计 者 希望 向 用 户 重 点 推荐 的 内 容 时 : 
即 次 要 内 容 和 支持 性 功能 ， 如 用 户 账 户 、 设 和 置 参 数 、 分 类 涌 选 、 联 系 人 ， 


Dd 


Fete Fete 


SF Tg 


劳 侧 的 菜单 里 都 是 些 次 要 项 目 ， 完 全 可 以 隐藏 起 来 。 


。 当 屏幕 上 已 经 默认 显示 了 大 部 分 功能 时 ， 以 新 闻 实 时 播报 、 社 交 网 络 为 基 
础 的 移动 应 用 大 多 如 此 。 另 外 ， 一 切 属于 供应 方 推送 (push) 而 非 用 户 索 
取 (pull) 的 应 用 也 属于 这 种 情况 。 


。 当 用 户 已 经 知道 或 能 够 猜 到 存在 一 些 功 能 时 : 最 常见 的 用 尸 登 录 功 能 ， 以 及 
一 些 应 用 所 特有 的 功能 ， 人 例如， 用户 应 该 能 猜 到 报刊 类 应 用 程序 或 网 站 上 
应 该 具有 按照 政治 、 金 融 、 国 际 新 闻 等 主题 对 内 容 进行 分 类 淀 选 的 功能 。 


应 用 程序 
VOYAGE PRIVE 
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EUROSPORT 


MANGO 的 
移动 终端 网 站 
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Ce Barça ressemble a celui de 
Rijkaard, mais reste loin de celui de 
Guardiola 


显然 ， 在 这 款 应 用 程序 中 ， 一 定 存在 根据 运动 项 目 分 类 筛选 的 功能 ， 所 以 设计 者 可 以 把 该 
功能 隐藏 起 来 ， 让 出 更 多 界面 空间 给 其 他 更 重要 的 元 系 。 


。 当时 一 个 选项 属于 一 系列 惯例 性 操作 中 的 一 步 时 : 比如 用 户 号 份 验 证 。 


。 当 清 单 内 容 很 长 的 时 候 : 如 电子 商务 网 站 的 商品 请 单 、 在 线 杂志 的 栏目 单 
等 。 当 然 ， 在 核心 页 面 和 重要 位 置 上 ， 仍 然 可 以 重复 强调 隐藏 菜单 里 列举 
的 内 容 。 


PAGE DACCUELL 


BEW 

LOVELY PRICES 
VETEMENTS 
ACE SSONRES 
EN VOGUE 
CATALOGUE 


LOOKBOOKS 


ME Yr] AIRRA FEA EEATT CAR AIT Tog adm EEH, SA A BEIA A Et 
的 分 类 名 单 或 搜索 栏 。 设 计 者 可 以 直接 把 主推 商品 放 在 核心 页 面 上 ， 让 商品 更 为 醒目 。 
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。 当 不 同 项 目 乙 间 的 用 途 互 不 相 天 时 : 比如 针对 不 同 客户 群 时 不 同 项 目 。 用 
户 在 使 用 中 不 会 在 各 个 选项 之 间 穿 梭 ， 也 就 是 议 ， 不 会 从 一 个 栏目 跳 到 另 


=i As 
= . 应 用 程 序 
E QE, Rechercher un trajet BLABLACAR 
Paris, France O Vos trajets 
Marseille, France Rechercher 
Date du voyage x D inpar 
H} | © créerune alerte email | Se connecter 
S'inscrire 
Aujourd'hui 
] Shoo of €/place ans 
Pars = Ais En- Prerok = 
Franck M45 ans AO 
Demain a3 
~ 应 用 程序 时 ， 用 户 通常 每 次 只 会 使 用 搜索 、 建 议 、 查 询 路 线 这 些 主 要 功能 中 的 一 
个 。 所 以 ， 当 用 户 在 首页 上 选择 一 个 项 目 后 ， 沫 单 完 全 可 以 隐藏 起 来 。 
。 当 设 计 者 希望 尽 可 能 去 除 屏 幕 上 的 多 余 元 素 ， 让 用 户 聚 焦 关 键 内 容 时 : 隐 
藏 菜单 实际 上 成 为 一 种 净化 界面 、 优 化 结构 的 好 方法 。 
应 用 程序 
藏 剑 单 释放 了 屏幕 空间 ， 让 内 容 更 清晰 。 VSCO CAM 
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。 当 出 现 两 个 菜 蛙 ， 且 彼此 形成 了 竞争 天 系 时 : 设计 者 应 该 找到 妥协 的 方 
法 ， 隐 藏 相对 次 要 的 菜单 或 用 户 能 狂 到 存在 的 菜单 。 


应 用 程序 
TRIPLAGENT 


DISCOVER 


RESTAURANTS 


使 用 竖 向 的 隐藏 菜单 ( 右 图 ) 展示 相对 次 要 的 栏目 ， 以 便 突出 另 一 个 主要 荣 单 〈 左 图 )。 
这 样 一 来 ， 用 户 可 以 通过 主要 菜单 在 “清单 ”和 “地 点 ”之 间 切 换 。 


应 用 程序 No SIM = GH 17:54 @729%a> 


DROPBOX |< Files 设计 只 + ooo 
(4% Create New File 
G> Upload File 
© Create Folder 
[3 Select 


=| Sort by Date 


RE LF PE ELA BEE, LEERE REIRA AN. Beate Lt Tk 
Sh. BRE. Si CAE ARE HY EE o 
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第 二 章 的 移动 应 用 的 内 容 与 导航 


弥补 隐藏 菜单 不 够 直观 的 缺陷 

隐藏 菜单 天 生 具 有 “隐藏 ”的 缺陷 。 有 几 种 窍门 可 以 弥补 这 种 缺陷 。 如 果 设 
计 者 在 几经 权衡 之 后 决心 使 用 隐藏 菜单 ， 但 仍 担心 用 户 看 不 到 菜单 藏 起 来 的 内 
容 ， 这 时 ， 以 下 方法 就 会 发 挥 作用 。 尤 其 在 用 户 不 了 解 或 者 很 少 使 用 移动 应 用 的 
时 候 ， 设 计 者 更 应 该 尝试 下 文 介绍 的 方法 。 


使 用 约定 俗 成 的 醒目 图 标 

第 一 条 建议 就 是 ， 尊 重 约定 俗 成 的 习惯 。 设 计 者 选择 了 隐藏 菜单 ， 就 意味 着 
把 菜单 内 容 置 于 用 户 的 视线 之 外 了 。 设 计 者 应 该 音 尽 所 能 让 隐藏 菜单 有 机 会 展现 
在 用 户 眼前 。 现 在 ， 设 计 者 们 最 常 采用 汉堡 菜单 的 形式 设计 竖 向 综合 性 菜单 。 但 
是 ,“ 汉 堡 菜单 ”往往 伴随 另 一 种 视觉 图 标 ， 有 的 设计 者 甚至 索性 用 这 种 图 标 取 
代 “ 汉 堡 菜单 "， 让 菜单 更 醒目 、 更 富 内 涵 。 


我 们 还 应 记 住 : 界面 越 简 单 ， 用 户 就 越 容 易 发 现 隐 藏 菜单 ， 完 全 不 需要 设计 
各 种 花哨 的 图 标 吸 引用 户 的 注意 。 


应 用 程序 
TELE LOISIRS、 
MAKEUP GENIUS 
和 YUMMLY 


既 能 保持 个 性 特点 ， 又 得 重 约 定 俗 成 的 习惯 ， 这 样 的 方法 很 多 。 图 标 越 显 车， 用 户 就 越 有 
可 能 发 现 上 自己 需要 的 图 标 。 
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匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


乐高 的 移动 
终端 网 站 


《 赫 芬 顿 邮 报 》 i 
的 应 用 程序 FRONT PAGE 


MAY JOBS REPORT 
MISSES THE MARK 


m oa +5 Me M oa 16 Ar 


Job Growth Falls 
122,000 Short Of 
Expected Increase... 


Unemployment Rate Dips 
To 4.7 Percent... 


Weakest Growth Since 2010... 


HAAR ARS HEN, FETE “URSA” AR Ai SG, Boe be LAS a E, 
又 能 让 它 变 得 更 显著 。 但 是 ， 沫 单 图 标 必 须 特 点 鲜明 ， 用 户 才 不 会 只 看 见报 刊 标 志 ， 也 不 
会 把 简化 的 “汉堡 亲 单 ” 错 当 成 报刊 标志 的 点 级 。 


坚 向 隐藏 菜单 的 图 标 该 摆 放 在 哪里 ”最 帝 见 的 是 把 图 标 放 在 屏幕 的 左上 方 。 
设计 疹 也 可 以 打破 习惯 ,只 要 保证 图 标 足 够 突出 就 可 以 了 。 
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第 二 章 Km 移动 应 用 的 内 容 与 导航 


雅虎 新 闻 摘 要 的 
March 20 在 此 款 应 用 程序 中 ,菜单 图 标的 位 置 与 其 形状 外 观 相 比 不 再 ， 应 用 程序 
那么 重要 : 图 标 十 分 显著 ， 完 全 从 背景 中 跳 脱 出 来 ， 起 到 了 指 
示 作 用 。 因 此 ， 尽 管 菜单 图 标 没有 位 于 屏幕 左上 方 的 惯例 位 
署 ， 但 仍 非 常 明显 。 
cae dariak as millions 
witness solar eclipse all over 
ata AN 
如 果 隐 藏 菜单 包 合 的 选项 具有 相同 的 语义 元 素 ， 那 么 设计 者 不 必 使 用 传统 图 
标 〈 进 入 隐藏 菜单 的 简单 方式 )， 而 可 以 选择 一 个 展现 所 有 选项 共性 的 图 标 。 
应 用 程序 
UBER 


通过 左上 角 “ 用 户 ” 图 标 就 能 进入 “汉堡 末 单 "， 因 为 亲 单 内 的 大 多 数 选 项 与 用 户 账户 有 关 。 


配 上 说 明文 字 
如 果 设 计 者 十 分 希望 凸显 菜单 ， 但 又 不 能 默认 显示 莱 音 内容， 那么 可 以 加 入 
说 明文 字 。 说 明文 字 目 然而 然 会 增 大 进入 菜单 的 按键 尺寸 ， 让 投 键 更 加 明显 。 
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匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


ANTHROPOLOGIE 
和 PETIT BATEAU | 
的 移动 终端 网 站 TER ANTHROPOLOGIE 


- UNE COLLECTION FRUITEE EN 
ee ATTENDANT L'ÉTÉ ! 


无 论 是 否 搭 配 图 标 ， 说 明文 字 “ 菜 单 ”( Menu ) 都 能 吸引 注意 ， 让 用 户 明白 此 处 存在 隐藏 
菜单 ， 并 立刻 了 解 如 何 进 入 琳 单 。 


配 上 通告 文字 
通告 文字 能 够 把 用 户 的 注意 吸引 到 菜单 栏目 的 更 新 内 容 上 。 当 然 ， 这 绝 不 是 
要 “发 明 ” 一 堆 和 使 用 环境 晤 无 天 系 的 通知 。 设 计 者 必须 谨 记 ， 你 要 做 的 仅仅 是 
利用 通告 文字 弥补 相 天 栏目 不 够 明显 的 缺陷 。 
应 用 程序 VIADEO 
和 SECRET 


Bienvenue Amelie Share with Paris... [2] 


3 Comment rester agrable quand il 
* = fait mocha 5 jours da sulte? 
We de contact Tempa 


Quartier do La Rocuaiis, 2d sgp T 


B Leur carritve dvotue Pourqucd les gans qui s'aiment 
sont-ils toujours un peu las 


Zack Park mmes T 
a chag de poste 5 5 F i 时 i 
Erie Daimi- Denis Pradig, 18h aga ii 


Technical Lead 
hake: Et (amour dans tout ga T 
ag 3I 


Franca, irm ag 


jo bouffe parfois les croquettes de 
Chat 


通告 文字 的 男 一 个 好 人 处: 把 用 户 的 注意 吸引 到 劳 侧 的 菜单 上 。 
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第 二 章 GO 移动 应 用 的 内 容 与 导航 


配 上 动画 
设计 者 还 可 以 通过 动画 效果 让 用 户 注意 到 菜单 的 存在 。 采 用 动画 效果 时 也 要 
适度 ， 避 免 增 加 入 机 交互 操作 的 负担 。 


aoo Free F fo. i ee 应 用 程序 
a Rechercher sur Etsy |= ETSY 


fh Votre fil d'actualités 


es, 


coo Browse 


J Favors 


el Conversations 


rr Paramètres 


ALAA EERR ASR, Roe ee ASL, MGR, mA ARI. HAA MUER 
“汉堡 菜单 ”轻微 的 动画 效果 。 图 形 动画 在 初次 使 用 时 非常 有 用 ,但 对 于 经 常 使 用 这 款 应 
用 程序 的 用 户 来 讲 ,， 很 容易 心 生 大 烦 。 


LIMA BS TET AE ALP 


图 形 规格 

设计 考 需要 根据 内 容 的 重要 程度 使 用 不 同 规格 的 图 形 : 图 形 越 大 越 容易 吸引 
用 户 的 目光 。 但 屏 帮 上 的 其 他 元 素 也 扮演 着 重要 角色 : 如 果 界 面 非常 简洁 ， 设 计 
者 不 需要 始终 强调 图 形 部 分 。 

值得 注意 的 是 ， 如 果 存 在 次 要 菜单 的 话 ， 应 该 让 主 莱 蛙 的 表现 形式 与 乙 匹 
配 。 次 要 菜单 的 外 观 应 当 相 对 质朴 、 平 实 ， 避 免 过 分 吸引 用 户 的 注意 。 
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应 用 程序 eee = 22201 J 
INSTAGRAM K3 NICOTR4SH 主 次 菜单 在 视觉 上 并 没有 形成 苑 争 关 系 ， 两 者 外 观 区 别 明 显 ， 


TETEK: 从 图 形 上 看 ， 主 亲 单 颜色 很 深 , 而 专属 于 本 页 的 
副 羔 单 则 采用 了 淡色 。 


提示 用 户 当 前 所 处 位 置 

在 更 接近 惯例 的 菜单 设计 中 ， 提 示 用 户 当前 所 处 位 置 是 一 项 很 好 的 功能 ， 但 我 
们 经 常会 见 到 这 种 情况 :“ 抽 层 菜单 ”没有 提示 用 户 当前 处 在 哪个 页 面 、 哪 个 栏目 。 
提示 当前 所 在 位 置 ， 能 够 帮助 用 户 在 虚拟 空间 中 定位 ， 在 大 脑 中 畅游 交互 世界 。 


应 用 程序 = = 18 7 P a k F 
LE KIOSK BO Le Point 回 用 户 指 明 当 前 阅览 的 杂志 属于 “ 往 期 杂志 ”( Archives )， 这 
at 样 一 来 ， 还 能 提醒 用 户 注意 到 下 面 的 菜单 : 用 户 不 但 知道 自己 

LePoir | 处 于 “ 往 期 杂志 ”栏目 , 还 会 看 到 “内 容 介绍 ”( Présentation ) 


7 janvier 2015 


ker, 


和 “相关 内 容 ”( Associés ) 两 个 栏目 。 


Archives Présentation Associés 


Le Point 


Le Point Le Point 
N°2208 N°2207 
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使 用 说 明文 学 还 是 图 标 ? 

标注 说 明文 字 是 最 简单 明了 的 方法 。 但 有 时 屏 才 空 间 非 党 宝贵 ， 设 计 者 可 以 
考虑 使 用 图 标 代表 众所周知 的 功能 。 用 户 很 容易 学 会 使 用 并 记 住 划 用 的 功能 图 
标 ， 比 如 “首页 ”“ 信 息 提 示 ”“ 个 人 信息 ”“ 用 户 账 号 "” “搜索 ”等 功能 ， 完 全 不 
必 使 用 说 明文 字 。 

MA, 用户 重复 使 用 的 频率 越 遍 ， 越 容易 记 住 图 标的 意义 。 


应 用 程序 MEETIC 
和 FACEBOOK 


om Jaime B Commenter a$ Parlager 


Le Baigneur 
= mann, d rdi - 


‘Exception: 28 Rue Bichat, T5010 Paris 


= 


iF ot Jama E Gomsenter =Æ Piniga 


BAO 6 = 


由 于 使 用 频率 较 高 ，FACEBOOK 和 MEETIC 的 导航 功能 完全 采用 图 标 。 


在 菜单 里 标注 说 明文 字 永 远 比 标注 图 标 更 易于 理解 ， 更 能 局 发 用 户 。 但 是 ， 
这 明文 字 占 据 空间 较 大 ， 在 多 种 语言 版 本 并 存 的 移动 应 用 中 更 是 如 此 。 
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MOBILE 
NESPRESSO 的 
应 用 程序 与 
移动 终端 网 站 


应 用 程序 
ARTSY 
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匠心 体验 QO 智能 手机 与 平板 电脑 的 用 户 体验 设计 


Bair 
[LE 


NESPRESSO 


ASSORTIMENTS 
Sitection Daweria =. T 
eS O80) capsules ELELE + 
30 Apego B Oe 
=. oar... SF 


Bre ao E 


应 用 程序 页 面 项 端的 导航 菜单 比 移动 终端 网 站 的 菜单 更 具 启 发 性 : 后 者 缺少 说 明文 字 ， 仅 
徘 图 标 很 难 表 达 复 杂 的 概念 。 


一 切取 决 于 设计 者 希望 推荐 各 个 栏目 的 积极 程度 如果 默认 栏目 最 重要 ， 而 
相对 来 说 ， 用 户 不 常 搜索 其 他 附属 栏目 ， 那 么 设计 者 必须 通过 菜单 展现 这 一 情况 。 

最 后 不 要 忘记 ， 说 明文 字 与 图 标 可 以 混合 使 用 。 说 明文 字 与 图 标 绝 非 对 立 的 
两 面 ， 二 者 结合 使 用 或 许 能 达到 绝 佳 效果 。 设 计 者 最 好 使 用 众人 皆 知 的 图 标 代表 
一 些 常用 功能 ， 因 为 用 户 理解 这 些 图 标的 含义 。 设 计 者 还 可 以 搭配 说 明文 字 ， 强 
化 图 标的 建议 能 力 。 


导航 亲 单 用 图 标 代表 “搜索 ”功能 ， 说 明文 字 指 示 其 他 功能 。 


第 二 章 的 移动 应 用 的 内 容 与 导航 


过 小 与 转化 

在 设计 菜单 时 ， 设 计 者 还 需要 考虑 到 当 用 户 调 取 菜单 时 ， 应 该 如 何 将 其 呈现 出 
来 。 此 时 ， 动 画 发 挥 了 重要 作用 : 动画 可 以 在 用 户 的 脑海 中 重 现 整个 系统 的 运行 模 
式 。 系 统 在 虚拟 空间 中 呈现 一 组 页 面 ， 页 面 按 一 定 方向 连续 运动 ， 形 成 动画 效果 。 


应 用 程序 
VSCO CAM 


菜单 从 左 侧 逐 渐 呈 现在 屏幕 上 ， 在 用 户 的 脑海 中 留 下 沫 单 来 自 “ 左 侧 ” 的 印象 。 


7 


Sx IVIL alls 


z 


H DE S het 

设计 者 如 果 无 法 在 屏幕 的 有 限 空 间 里 展示 菜单 的 全 部 内 容 ， 就 要 仔细 想 想 访 
和 如何 提示 用 户 找到 更 多 内 容 。 为 达到 这 一 目的 ,设计 者 可 以 采用 切断 设计 (cut- 
off design )。 具 体 来 说 ， 切 断 设计 指 的 是 故意 截断 内 容 ， 瞳 示 下 文 仍 在 继续 ， 促 
使 用 户 继续 浏览 后 面 的 内 容 。 这 就 好 比 用 美味 的 前 菜色 起 食客 的 食欲 。 

这 种 方法 非常 有 效 ，WINDOWS PHONE 的 界面 模式 和 导航 面板 将 其 视 为 设 
计 上 典范 。 
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WINDOWS 
PHONE 


应 用 程序 


FOURSQUARE 和 
GROUPON， 以 及 
爱马仕 的 移动 
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终端 网 站 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


sa te = — ae = 
Mangue de neige: la station id Aaoriaz = E7 oe meteo La m eileure in fo 
INSEE des quotas de skis 


planète commer Liewn bn 


Eumee et pre an a pee eee a er | 一 m a 
unt trop grande aMiuence de skieurs venuti accueil 
autres ttathons fermies pour manque de 

Bige, Be idigui verdnedi & AFR 

La geen die hi Bi Hb- Saves) va 

établir des quotas sur ses phies afin d'éviter une 

bop grande alerts de hr wired dared 

stations femmbes pour manque de meige, a-t-elle 

indiqua® vendeedi 4 CARP 


La station, qui dott ouvrir S096. die som domaine 
dimanche, justifie gelbe meee par des raisons 
de pcre. 


alps Conditions Bm eai ptian. Corrie cet 
est presque la seuke station careerie em Haute aF- 5 
Ed 4 une fr importante, l [= kisera eiai 
spe Sphere cio elon Gura : ba | 

a terrorists évoquée 


Windows Phone AY FM 6 A TA: 用 户 可 以 看 到 下 方 内 容 的 开头 。 这 种 
设计 或 励 用 户 继续 浏览 ， 至 少 能 让 用 户 知道 后 面 还 有 内 容 。 


Chaleureus 


Bars 


Margaritas et cocktails & l‘ecctérieur 


b poire petite + moe sacs pour homme 
TH UIT HT i 


“fh oO a 


Rta AVE BOR IT SN, KHI We A ak ae BD AB AEE PCIE: iene A th eA 
被 切断 ， 越 能 猜 出 可 以 继续 拖 动 浏览 ， 他 就 越 有 动力 继续 看 下 去 。 


当然 ， 切 断 设 计 不 仅 用 于 传统 菜单 ， 设 计 者 但 凡 斋 望 辟 励 用 户 继 续 剂 览 ， 都 
可 以 使 用 。 


第 二 章 Km 移动 应 用 的 内 容 与 导航 


moo aa ns 应 用 程序 
ES MARKETING PLAN 2014 | FILECHAT 


Gecide on which image will 
br weed on the homepage. 
Your thoughts? 


Bi 


Treaton Wj ty Bt bites 


Arsbesquee.ttt 


Pirate W by dewey donsa 


Teen Wisan 
Added my vote 3] 


Alabina mpa 


本 | i by Ariiy Jere 


Bale2d.doce 
Heoverise i Ey Amy Hoy 
Ernstu alah 
This cne if ety greai, me 
人 rital 


Bnlez.srt 


ea iO i kirats 


BAL stock 


ie W bar dewey borrat 


¥ 
= 
Y 
i] 
¥ 
> 
¥ 
> 
¥ 
> 
@ 


此 处 的 切断 设计 充分 利用 了 屏幕 本 身 的 结构 : 用 户 明白 了 在 文件 列表 和 相关 对 话 之 间 存 在 
对 应 关系 。 在 实际 应 用 中 ,设计 者 在 空间 相 贸 的 文件 和 对 话 之 间 建 立 了 虚拟 的 浏览 关系 ， 
政 励 用 户 在 文件 和 对 话 之 间 跳 路 。 


提供 指示 


如 果 鉴 于 屏 需 大 小 或 取舍 考量 ， 设 计 者 无 法 显示 菜单 ， 那 么 可 以 给 出 图 画 线 
索 指示 莱 单 的 存在 。 
= 应 用 程序 
T AA TWITTER 


errr 
wadom land œn. mash to 9p nn 


里 anna it 
aaa ete ore 


4 ti ie 2 ù Bote ve katao a i 
-= ss avec Marcel Proust 
(1879-1922 bt ol BP ZL 


屏幕 上 方 的 3 个 圆 点 指示 有 3 个 环节 可 供 浏览 ， 这 种 连续 的 小 圆 点 经 稼 被 用 来 指示 存在 多 
个 页 面 。 用 户 明 白 了 在 首页 后 面 还 存在 其 他 页 面 
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应 用 程序 


PICTURELIFE 
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应 用 程序 
SE LOGER 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


‘> MEMORIES 


} FAVORITES 


(*) TIMELINE 


此 处 ， 当 前 栏目 标题 (Timeline) 旁边 的 小 三 角 标 志 成 为 提示 线索 : 点 击 小 三 角 标 志 后 ， 
菜单 出 现 。 


RL EAN 

为 了 帮助 用 户 理 解 导航 选项 的 意图 ， 设 计 者 可 以 在 短 时 间 内 提供 指示 ， 吸 引 
用 户 的 注意 ， 而 不 必 让 指示 一 直 停留 在 界面 上 。 不 过 一 定 要 小 心 : 小 用 这 种 方法 
会 让 用 户 感到 厌烦 。 刺 激 性 提示 越 频繁 ， 风 险 越 大 。 


1350 € 
Pars (Girt (75016) 


Description 
Situd boulevard Examen divs ie quirtior Shub boulevard Extrans cians ie quirtior 


Su, au ret - ce-ch eae Our Ewe Mid Sud, TI ES DT d'un Eel 
.I i mn da 4 Tee. un appariemeni maubiè da 45 
r 


SO Gaos duna eminii iiaa mF. iso compo duia oinei rari rit 
SGC da Mec Tb rr Ts, boiei AD G6 rec Ti rar Ts, bode bes 
Bhpareas, 1 chambre mec baia whee, ppabes, | chambre mec baig wiiren, 
angemenis, Gan Dura of CHETI HHI angamanis, Gon Burne of CHITTA, 
Jima chambas, baia viria, anmgemernis, Sere chambre, baia viria, angemernis, 
saia d'eau cuana ehieremenl tp ts sais deai cuana ehieremenl gupta 
maa {narii maan {arbire 


Ervoyar un emal Appel Ervoyer un ermal Appel 


在 打开 广告 几 秒 钟 后 ， 会 短暂 出 现 两 个 第 涉 ， 指 示 用 户 可 以 向 左 或 向 右 翻 页 ， 回 到 上 一 个 
广告 或 继续 浏览 下 一 个 广告 。 


第 二 章 的 移动 应 用 的 内 容 与 导航 


应 用 程序 
VSCO CAM 
- ge 
屏幕 在 打开 的 瞬间 展示 了 图 标的 隐藏 菜单 。 荣 单 在 1 秒 种 后 消失 ,不 但 释放 出 空间 ， 而 且 
起 到 了 指导 用 户 的 作用 。 整 体 设计 十 分 简洁 ， 无 需 任 何 视觉 把 戏 来 吸引 目光 。 
解释 说 明 
在 没有 菜单 或 指示 的 情况 下 或 励 用 户 继续 浏 斋 ， 最 后 一 条 途径 是 明确 地 告诉 
他 如 何 进 行 下 一 步 操作 。 我 将 在 本 书 第 五 草 里 讲 到 ， end 
险 ， 最 好 采取 蜡 示 的 教学 方法 。 但 是 ， 即 便 解 释 说 明 只 能 出 现 一 次 ， 仍 是 一 种 可 
以 接受 的 设计 方案 。 
20:47 @ 7) 46% 应 用 程序 
Driver En Route 加 上 的 滑动 手势 ， 调 出 司机 的 相关 选项 。 用 户 很 难 发 现 这 种 UBER 


操作 手势 。 因 此 ， 应 用 程序 用 文字 明确 地 指导 用 户 如 何 使 用 。 


北京 市 朝阳 区 北 苑 路 3 号 
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Var yo. 
正确 管理 滚动 页 面 


企 移 动 终端 上 浏览 页 面 不 一 定 是 从 一 个 页 面 跳 到 另 一 个 页 面 ， 有 时 也 像 阅 贞 
卷轴 一 样 ， 向 页 面 压 部 展开 。 屏 幕 客 窄 有 限 ， 但 深 动 页 面 的 长 度 可 以 加 长 ， 加 载 
更 加 丰富 的 内 容 。 下 文 会 给 出 一 些 建 议 ， 正 确 管理 在 移动 终端 上 的 滚动 页 面 。 


提示 用 户 使 用 滚动 页 面 


首先 ， 设 计 者 必须 想 办 法 提示 用 户 可 以 向 页 面 确 端 拖 动 。 设 计 者 需要 向 用 户 
表明 : 当前 页 面 下 方 ， 屏 幕 没 有 展示 出 来 的 部 分 仍然 存在 内 容 。 最 单 见 的 方法 就 
是 前 文 提 到 过 的 切断 设计 。 
CINE LOISIRS 和 


法 国 邮 局 的 a 
应 用 程序 co 名 ren 


© Adfranchir un enri 


© Localiser un bureau 


Q Suivreé un envoi 
Ma messagerie 
laposte.net 


Envoyer une carte 
personnalisée 


屏幕 上 的 元 素 被 切断 ， 于 是 用 户 明月 了 页 面 仍 在 继续 ， 可 以 下 拉 页 面 看 到 后 边 的 内 容 。 


定位 锚 点 


处 在 页 面 底部 的 元 素 无 法 显示 在 屏幕 上 。 为 了 弥补 这 个 缺点 ， 设 计 者 可 以 采 
用 定位 锚 点 : 用 户 点 击 定位 锚 点 后 ， 自 动 跳 转 到 相关 页 面 。 
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固定 元 素 
移动 终 山 屏幕 最 主要 的 缺点 是 长 度 和 视 度 都 有 限 。 稚 于 宽 度 很 难 再 扩大 ， 设 
计 者 只 能 设计 很 长 的 滚动 页 面 ， 以 便 添 加 更 多 内 容 。 所 以 ,设计 者 应 该 把 重要 元 
素 始 终 留 在 屏 带 上 ， 让 用 户 在 不 断 下 拉 页 面 时 仍然 能 够 看 到 它们 。 
根据 不 同 内 容 ， 重 要 元 素 也 不 一 样 。 重 要 元 素 在 忌 体 上 分 为 以 下 三 种 。 
。 行为 召唤 : 不 论 位 于 页 面 何 处 ， 都 能 或 励 用 户 采 取 行 动 。 行 为 召唤 如 果 始 
终 显 示 在 屏 萌 上 ， 还 能 起 到 建议 作用 。 
。 导航 元 素 :“ 返 回 ” 或 “关闭 ”、 跨 越 页 面 上 的 “下 一 页 ”“ 上 一 页 ”等 元 素 。 
ARERR aS “RIE itm”, LEA APR RIS OO a in, RN BE 
长 度 不 足 的 缺陷 。 根 据 系统 和 设备 的 不 同 ， 此 类 导航 命令 不 一 定 从 开始 就 


WRH o 
。 指示 当前 情况 的 元 素 和 标题 ， 帮 助 用 户 时 刻 记 得 目 己 正在 浏览 的 内 容 。 
< Rechercher Caen» Lyon 的 移动 终端 网 站 、 
应 用 程序 
BLABLACAR 


日 BEATD-Gai- LU 二 


2 phos 45 L 


iii E96 km = 6h & min 


4 / pouces ge pouces 


iPhone & 


or Dihour: 15 minutes 


(J Flexibilié : 15 minutes 


Gorirnenitaing du comici 


E 


页 面 项 端 和 底 端 固定 不 变 ， 让 标题 和 关键 的 行为 召唤 始终 显示 在 屏幕 上 。 在 页 面 很 长 的 情 
况 下 (如 COS 的 网 站 ),“ 返 回 页 面 项 端 ” 的 链接 能 帮助 用 户 迅 速 返 回 页 面 顶端 。 
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kh == ase 
移动 终端 网 站 = sasonl5-1h.operadepars.tr © 


Chaque danseur esl 
comme un instrument 
de musique, quia sa 


EEATT ope wr a oig 
ANNE TERESA sonorité 
DE el sa couleur propres, 
KEERSMAEKER hee es Des 


DATES & TARIFS 


De 
E ET 和 下 二 anna Cit arava 

QUATUOR No4 1 et 

bémoigne des singuliers dialogues 


家 Ë m Aa a Tean ee a3 


EHP PARTAR OS, Te om A A EAE ANE, 点 击 进 入 后 会 显示 
演出 的 时 间 和 有 票 价 。 其 实 ， 这 是 此 类 页 面 最 关键 的 行为 召唤 。 


通常 来 说 ， 设 计 者 会 在 页 面 的 顶端 和 压 端 放置 固定 元 素 ， 但 现在 越 来 越 多 的 
应 用 程序 和 网 站 开始 使 用 其 浮 窗 。 而 安 日 系统 的 《Mateiral Design 设计 规范 》 或 
许 在 某 种 程度 上 助 推 了 这 种 趋势 。 


应 用 程序 
GOOGLE SHEETS 


创建 新 文件 的 行为 召唤 作为 悬浮 窗 始 终 位 于 屏幕 有 下方， 无 论 用 户 处 在 文档 清单 上 的 什么 
位 置 上 ， 都 能 使 用 悬浮 窗 。 
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我 们 生 第 会 见 到 ， 很 多 应 用 程序 上 虽然 设计 了 固定 元 素 ， 但 给 人 的 感 党 是 设 
计 者 没有 经 过 认真 考虑 ， 仪 仅 是 为 了 照搬 设计 规范 而 已 。 不 要 饼 记 ， 固 定 元 素 必 
须 有 资格 占据 屏幕 上 的 固定 位 置 ! 如 果 设 计 者 拿 不 定 主意 ， 那 么 可 以 采取 折 中 的 
办 法 : 在 用 户 下 拉 页 面 时 隐 去 这 些 元 素 ， 一 旦 用 户 采 取 任 何 操作 〈 尤 其 是 点 击 )， 
这 些 元 素 会 再 次 重 现 ! 


简化 导航 


精心 设计 首页 

精心 设计 首页 ， 能 帮助 用 户 更 好 地 浏览 内 容 。 用 户 走 进 大 门 时 ， 他 最 需要 什 
A? 最 党 见 的 目的 又 是 什么 ? 

用 户 在 打开 移动 终端 网 站 或 应 用 程序 的 时 候 ， 都 拥有 目 己 的 特殊 需求 和 预 
期 。 因 此 ， 作 为 移动 应 用 的 设计 着 ， 于 万 不 要 把 用 户 注 没 在 推介 信息 和 促销 三 后 
HVE, PEHEA PIAA ASA. Bete SSR a Ae 
的 工具 和 功能 ， 人 否则 用 户 就 会 迅速 逃走 ! 


应 用 程序 
BETASERIES 


Mardi 2 avril 2013 


S01E06 - Episode 6 
Mardi 9 avril 2013 


应 用 程序 将 “上 映 剧 集 ”( Episode a regarder) 作为 默认 页 面 ， 因 为 该 程序 的 主要 功能 之 一 
是 向 众人 宣布 自己 已 看 过 某 部 连续 剧 。 
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平板 电脑 应 用 程序 
MARMITON 和 
LOGIC-IMMO 
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hirni biker 
. 


MARMITON 在 首页 上 展示 菜谱 ， 设 计 效 果 很 好 。 相 反 ，LOGIC-IMMO 在 首页 上 展示 房 
屋 广告 的 方法 有 些 欠 受 。 用 户 在 搜寻 房屋 时 都 抱 有 各 自 不 同 的 需求 ， 这 些 广告 不 太 可 能 正 
好 击 中 用 户 的 心意 。 而 且 ， 即 使 用 户 已 使 用 过 这 款 应 用 程序 ， 保 存 过 自己 的 搜索 条 件 ， 当 
他 再 次 进入 应 用 程序 时 ， 看 到 的 仍然 是 同样 的 首页 ! 用 户 已 表达 过 的 个 人 需求 没有 得 到 任 


何 体现 。 
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应 用 程序 
SPOTIFY 和 
DEEZER 
Hinterland 
SPOTIFY 显示 了 用 户 在 上 次 退出 时 最 后 使 用 的 页 面 ; 而 DEEZER BR “Flow” vet, ih 
试图 推荐 其 他 歌曲 ， 但 后 者 未 必 符 合用 户口 味 。 
设计 者 可 以 根据 目 己 想 要 推荐 的 核心 价值 设计 合适 的 首页 。BOOKING 和 
AIRBNB 的 网 站 首页 都 参与 体现 了 品牌 的 服务 特点 ， 二 者 差异 巨大 。 这 两 个 例子 
很 有 价值 ， 我 们 从 中 可 以 看 出 ， 不 存在 绝对 的 “最 佳 ” 方 和 案 : 一 切取 决 于 具体 情 
说 ， 一 种 设计 可 能 适合 第 一 种 情况 ， 却 未 必 适 合 第 二 种 情况 。 
AIRBNB 和 
BOOKING 的 
移动 终端 网 站 


ATO Seo 

SAITH AMZ EU ERIZE 1 5 

wa 8 => ma E ; 
1 w E w i + 


Ha 
EE HH 


y“ HEMT, MER 
ASRRAAMEARH 


在 AIRBNB EPT, ARERR] AEREE BEN D DORR SE Ci EAL 
因此 ， 网 站 首页 不 仅 有 搜索 栏 ， 还 提供 了 广告 作为 例子 。 这 些 广告 的 作用 是 回 不 知情 的 用 户 
描述 品牌 所 提供 的 特色 服务 。BOOKING 网 站 则 不 同 ， 设 计 者 把 各 种 搜索 标准 都 放 在 搜索 引擎 
上 ， 请 用 户 填写 自己 的 要 求 和 重要 信息 ， 以 便 为 用 户 提供 标明 价格 的 各 种 搜索 结果 。 
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很 多 移动 应 用 程序 和 网 站 选择 把 菜单 放 在 首页 上 。 如 果 有 其 他 选择 的 话 ， 请 


设计 者 不 要 这 样 做 。 所 有 功能 都 至 少 要 点 击 一 次 后 才能 被 激活 ， 这 种 首页 仅 仅 提 
供 了 选择 栏目 ， 变 成 了 所 谓 的 “空白 页 面 ”一 一 除了 导航 别 无 他 用 。 


LASTMINUTE 的 


移动 终端 网 站 = 站 站 的 首页 毫 无 用 处 ， 仅 仅 提供 了 选择 栏 ， 以 便 进 入 相关 表 
格 。 其 他 同类 网 站 选择 了 突出 一 个 重点 栏目 ， 如 果 用 户 需要 的 
话 也 可 以 由 此 进入 其 他 栏目 。 这 样 一 来 ， 无 论 使 用 频率 较 高 的 
功能 ， 还 是 设计 者 重点 推荐 的 功能 ， 使 用 效率 都 得 以 优化 。 


AY 
最 后 不 要 忘记 ， 智 能 手机 和 平板 电脑 的 操作 环境 大 不 相同 。 用 户 甚至 是 在 几 
于 完全 相反 的 条 ws 文 两 种 设备 。 另 外 ， 设 计 者 可 以 根据 屏幕 的 可 用 面积 考 
虑 设计 合适 的 配置 。 


巴黎 公共 交通 管理 局 
在 智能 手机 和 平板 电 
脑 上 的 应 用 程序 


设计 者 根据 不 同 设备 的 屏幕 空间 大 小 安排 了 不 同 的 内 容 。 在 平板 电脑 上 ， 屏 幕 的 可 用 空间 
可 以 满足 两 种 主要 用 途 : 显示 交通 网 络 图 和 路 线 指示 功能 。 而 在 智能 手机 上 ， 由 于 屏 舌 空 
间 小 ， 应 用 程序 凸显 了 路 线 指示 功能 。 因 为 在 移动 过 程 中 ， 路 线 图 的 使 用 频率 更 高 。 
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标记 区 分 已 访问 过 的 链接 
将 访问 过 的 链接 加 以 标记 区 分 ， 能 让 浏览 变 得 更 容易 ， 让 用 户 避 免 耗 费 精 
力 。 众 多 移动 终端 界面 都 如 同 浏览 清单 一 样 ， 用 户 从 中 挑选 ， 决 定 浏览 或 舍弃 。 
让 用 户 迅 速 辨认 目 己 已 经 浏览 过 哪些 内 容 ， 这 一 点 非常 重要 。 通 过 简单 的 视 
说 效 果 ， 让 用 户 辨 认 出 已 浏览 过 的 内 容 ， 这 种 方法 在 几 年 前 还 属于 网 页 的 设计 规 
范 。 但 如 今 实 施 这 种 设计 规范 的 人 越 来 于 少 ， 导 致 用 户 使 用 效率 降低 。 


TH (=. a 
a, 


ii 

MOA de 1] oe, Coie Pa a, er er FOR ete Bice Pat 
orgs TED sa 1D a 

TUE L 


Chorsbis fe TET TO 
Mirah | 
Chaise 1 - Tiek 
4 Gaay lh + Etajè 
Pars Drik 36 = Sate Fem 
a - esis Pee 了 Face de Cue ri re 
(7) Mi hierar Gontaciar Fr 
i eG e ace cle Agence 


CHRONO notn 
R p Gs 


T Ce qu'il faut 
HE savoir avant 
| Toulouse - Raci... 


a. Ei 


Merva Caen et Lens y 
\ sont presque 


明确 标 出 已 浏览 过 的 链接 ， 提 高 了 用 户 的 浏览 效率 。 


平板 电脑 应 用 程序 
SE LOGER 和 运动 
RFI L’ EQUIPE 的 
应 用 程序 
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WE a SED 


达 美 乐 比萨 的 
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应 用 程序 


AATE 

与 其 想方设法 让 导航 更 便利 ， 为 何不 干脆 避免 导航 呢 ? 在 某 些 情况 下 ， 我 们 可 
以 出 减 一 些 导 航 页 面 ， 设 置 默认 选择 。“ 取 舍 ” 也 是 首页 设计 的 基本 原则 ， 用 户 最 党 
搜索 的 元 素 ， 或 是 设计 者 出 于 设计 策略 希望 大 力 推广 的 元 素 ， 应 该 重点 呈现 。 


Quel Type de commande souhait 


5 passer * 


i oitez-Wwous 
LIVRAISON 


AEMPORTER 


首页 只 有 导航 作用 ,迫使 用 户 都 要 从 导航 开始 ， 这 种 方法 的 用 户 体 验 价值 很 低 。 


ise re al SEV 

移动 应 用 的 信息 架构 往往 非常 深 : 信息 架构 分 为 很 多 级 ， 层 层 亚 压 。 为 了 弥 
补 信息 架构 过 深 带 来 的 缺点 ， 设 计 者 可 以 采用 横向 导航 功能 ， 让 用 户 直接 在 同 级 
内 容 之 间 跳 转 ， 而 不 必 返 回 高 层级 别 。 另 外 ， 横 向 导航 功能 也 可 以 在 不 同 层级 内 
容 之 间 跳 转 ， 或 者 根据 用 户 当前 浏览 页 面 提供 各 种 捷径 。 横 向 导航 在 不 同 内 容 之 
间 建 立 了 桥梁 ， 让 用 户 不 必 走 无 用 的 弯路 。 
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所 有 横向 导航 路 径 部 经 过 了 优化 ， 让 用 户 在 同一 层级 栏目 之 间 随 意 跳 转 ， 而 且 不 必 回 到 上 
一 层 页 面 也 能 跨越 到 其 他 层级 。 在 线 购物 网 站 的 信息 架构 注定 是 树 大 根深 用户 面 前 是 数 
不 清 的 “柜台 ”。 而 且 ， 用 户 在 购物 网 站 上 “和 逛街 ”时 往往 是 随心 而 动 、 丢 三 筷 四， 浏览 
路 线 蛙 无 规律 可 循 。 因 此 ， 这 种 界面 非常 适合 在 线 购物 服务 的 导航 功能 。 


应 用 程序 BELLES 
DEMEURES 和 
FILECHAT 


平板 电脑 应 用 程序 
MONOPRIX 
COURSES 
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COLETTE 移动 终端 
网 站 和 应 用 程序 
UNIQLO RECIPE 


108 


匠心 体验 QO 智能 手机 与 平板 电脑 的 用 户 体验 设计 


人 针对 用 户 感觉 的 设计 要 领 

谈 到 浏览 页 面 ， 用 户 的 感觉 非常 重要 。 如 果 设计 者 预计 人 机 交互 过 程 会 比较 
烦 开 ， 可 以 在 界面 上 多 下 点 功夫 ， 以 求 改善 效果 。 界 面 的 基本 设计 思路 就 是 限制 
时 间 堆积 。 设 计 理论 学 家 爱德华 ' 塔 夫 特 提出 这 一 概念 ， 指 用 户 在 完成 目标 的 过 
程 中 必须 通过 的 一 系列 页 面 。 时 间 堆积 和 空间 并 存 的 元 素 组 织 形 式 正好 相反 。 从 
结构 上 看 ， 信 息 架 构 的 时 间 堆 积 越 多 ， 越 容易 让 用 户 感到 浏览 过 程 漫长 、 乏 味 。 


因此 ， 组 织 好 信息 以 构 ， 让 用 户 不 会 感到 每 一 次 点 击 后 都 会 登录 不 同 页 面 ， 
一 点 非 营 重要 。 在 关联 背 雯 中 显示 新 内 容 ， 用 户 束 不 会 感到 在 一 直 不 停 地 翻 页 。 


LANGUAGE 


UNITS 


UNITS 


在 UNIQLO RECIPE 上 浏览 信息 不 像 在 COLETTE 上 显得 琐碎 ， 原 因 很 简单 : 前 者 将 各 个 
元 素 放 在 关联 背景 中 ， 而 不 是 在 专属 页 面 中 逐条 显示 。 
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为 了 让 用 户 在 目录 列表 和 细节 页 面 之 间 的 更 顺畅 地 跳 转 ， 设 计 者 可 以 在 显示 
方面 多 花 些 心思 ， 减 少 页 面 之 间 的 割裂 感 ， 让 用 户 减 少 米 回 罕 梭 的 感觉。 


mecca PM 应 用 程序 
© contacts 253 FILECHAT 
So 
eee 
n Greg Hoy 2 om TE5-6580 
m | UamMekay 
ps Philippe Salah 
eee 
联系 人 的 具体 联络 方式 浮现 在 联系 人 列表 之 上， 而 不 另 设 专属 页 面 ， 避 免 用 户 在 联系 人 列 
表 和 具体 联系 方式 之 间 不 断 往返 。 另 外 ， 用 户 任 直觉 就 能 猜 到 ， 只 需 在 悬浮 窗 之 外 的 任何 
地 方 点 击 一 下 ， 即 可 返回 联系 人 列表 ， 方 法 简单 易 行 。 
平板 电脑 应 用 程序 
= EVERNOTE 和 
应 用 程序 GOOGLE 
DOCUMENTS 


ac: … E 呈 


在 平板 电脑 上 ，EVERNOTE 保留 显示 了 创建 新 建 笔记 时 的 背景 。 看 上 去 ， 新 建 笔记 处 在 
整体 背景 之 中 ,减少 了 浏览 的 割裂 感 。 在 智能 手机 上 ， 即 使 屏幕 较 小 也 可 以 这 样 做 ， 比 如 
GOOGLE DOCUMENTS 在 创建 文件 时 的 例子 。 


企 屏 项 上 的 次 要 区 域 使 用 一 些 视觉 效果 ， 能 让 用 户 把 注意 集中 到 正在 做 的 事情 上 。 
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应 用 程序 
IA WRITER 


平板 电脑 应 用 程序 
FOURSQUARE 
和 应 用 程序 
CHRONODRIVE 
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在 IA WRITER 上 编辑 文档 名 称 时 ， 系 统 采用 在 线 模式 ， 但 文 
档 内 容 会 呈现 不 透明 的 视觉 效果 。 通 过 降低 文档 内 容 的 视觉 
强度 ， 可 以 让 用 户 集 中 精力 做 手头 的 事情 : 修改 文档 名 称 。 


ocument» >cumentaire Documents 
AIZIEIRITIYIULIIOIP 


QSDFGHJKLM 


值得 一 提 的 是 ， 这 种 设计 方法 不 仅 适 合 内 容 紧 竣 的 文档 ， 对 于 需要 经 党 查看 
细 区 的 情况 也 大 有 益处 。 因 此 ， 这 种 视觉 效果 通 利 还 会 引导 用 户 深 入 浏览 更 多 
ATi: 如 果 用 户 没 有 感到 浏览 内 容 被 制 裂 得 七 零 八 落 ， 目 然 会 希望 浏览 更 多 的 内 
容 。 我 们 甚至 可 以 假设 ， 用 户 敢 冒 更 大 的 风险 前 去 浏览 目 己 可 能 不 喜欢 的 内 容 ， 
是 因为 他 知道 返回 原来 的 页 面 或 去 往 其 他 页 面 的 操作 十 分 便捷 。 


在 FOURSQUARE 上 ， 用 户 在 浏览 文档 细节 内 容 时 ， 总 是 能 够 看 到 处 于 背景 之 中 的 其 他 文 
档 。 这 是 一 个 很 好 的 方法 ， 提 桓 用户 还 有 其 他 文档 正在 后 台 等 候 着 他 。 于 是 ， 用 户 会 更 频 
党 地 查看 文档 细节 ， 退 出 程序 的 几率 减少 。 同 样 ， 在 CHRONODRIVE 中 ,设计 者 始终 让 
初始 界面 露出 一 小 部 分 ， 效 果 相 同 。 
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信息 升级 


移动 终 疹 的 信息 架构 往往 分 成 很 多 层级 ， 用 户 有 时 需要 浏览 一 系列 页 面 后 才 
能 达到 目的 。 因 此 ， 设 计 者 有 必要 解决 层级 过 多 的 问题 。 其 中 一 种 不 错 的 解决 方 
法 是 把 内 容 混 杂 放 在 浏览 页 面 上 。 这 样 一 来 ， 平 币 需 要 一 连 捉 操作 才能 看 到 的 低 
层级 信息 就 会 “ 序 出 水 面 ” ， 用 户 不 再 需要 穿越 层 层 页 面 ， 就 能 精确 找到 所 需 的 
信息 。 


« Today 
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直接 显示 消耗 的 卡路里 数值 ， 而 不 用 “消耗 热量 ”为 标题 ; 直接 显示 用 户 体重 数值 ， 而 不 
用 “我 的 体重 ”为 题目 。 在 某 些 情况 下 ， 下 层 信息 升级 可 以 让 用 户 省 去 一 些 步 又 直达 目 
ip, AWM, ESC HIS SEIN Ta 


应 用 程序 
FITBIT 
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本 章 要 点 


移动 应 用 的 内 容 要 适应 屏幕 大 小 的 限制 和 加 载 速度 慢 等 问题 ， 但 也 
要 充分 利用 移动 设备 的 特殊 功能 ， 如 拍摄 视频 与 照 请 、 卫 星 定 位 、 传 感 


过 


AN \ 


依据 简洁 原则 ， 在 提供 最 少 的 有 效 功 能 与 米尔 顿 . 格拉 泽 所 说 的 “ 恰 
到 好 处 ”之 间 找 到 平衡 点 。 注 意 ， 不 要 让 移动 终端 的 用 户 体验 过 于 苑 日 。 


拖 藏 技术 可 以 加 入 更 多 功能 ， 同 时 避免 在 屏幕 上 出 现 过 多 视觉 
Hi: 把 一 些 功能 用 菜单 、 图 标 、 箭 头 、 操 作 手 势 隐藏 起 来 。 


根据 使 用 环境 的 特点 选择 合适 的 菜单 。 在 设计 菜单 时 ， 既 不 要 下 从 
最 新 的 流行 ， 也 不 要 任 赁 个 人 过 好 进行 判断 。 


加 用 户 指 存在 示 隐 藏 菜单 ， 可 以 使 用 通用 图 标 ， 同 时 搭配 说 明文 字 。 


采用 切断 设计 鼓励 用 户 浏览 屏幕 下 的 隐藏 内 容 。 


采用 定位 锚 点 凸显 处 于 屏幕 下 方 的 不 显眼 元 素 。 


将 重要 元 率 固 定 在 屏 有 式 上， 让 用 户 在 使 用 滚动 页 面 时 更 方便 触 控 。 


仔细 考量 : 在 用 户 进 入 应 用 程序 和 网 站 时 ， 应 当 辐 其 呈现 怎样 的 页 
面 ? 根据 用 户 进入 应 用 程序 和 网 站 的 方式 ， 他 的 需求 是 什么 ? 用 户 通 各 
使 用 这 款 移 动 应 用 的 目的 是 什么 ? 


让 用 户 清楚 分 辨 看 过 和 设 看 过 的 内 容 : 用 户 知 道 哪些 是 已 看 过 的 内 
容 之 后 ， 会 把 精力 集中 在 没 看 过 的 部 分 。 


让 横向 导航 更 加 便利 ， 弥 补 移动 终端 信 息 染 构 层 次 过 深 的 缺点 : 让 用 
户 不 需要 返回 上 一 层级 ， 直 接 可 以 在 同一 层级 或 不 同 层级 的 内 容 之 间 跳 转 。 
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BS ”效率 ， 移 动 终 肾 的 核心 占 题 


。 不 滔 费 任何 一 次 点 击 

。 简化 数据 输入 

。 敦 励 行为 召唤 

。 个 性 化 用 尸体 验 ， 提高 效率 的 金光 大 轧 ? 
。 协调 一 致 
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能 够 迅速 、 无 误 地 达到 目标 ， 这 就 是 用 户 退 求 的 高 效 。 不 论 使 用 何 种 人 机 设 
备 ， 效 座 是 人 机 工程 学 的 基本 标准 。 在 移动 终 问 上， 这 一 标准 变 得 更 加 重要 ! 


移动 终端 走 进 个 人 生活 ， 是 为 了 实现 更 高 的 效率 。 设 计 者 应 该 考虑 每 个 动 
作 的 效果 ， 实 施 人 机 工程 学 的 规则 ， 尤 其 是 专门 为 提高 生产 效率 而 制定 的 专业 规 
则 。 在 电视 机 、 高 保 真 音响 或 各 种 瞪 入 式 设备 的 人 机 界面 设计 中 ， 到 处 体现 了 效 
率 原 则 。 在 当今 生活 中 ， 各 种 移动 终端 的 屏幕 无 处 不 在 ， 效 率 问 题 变 得 更 加 重 
要 、 更 加 明显 。 


人 们 对 效率 的 要 求 不 断 增 大 ， 首 先 体 现在 使 用 环境 方面 。 用 户 在 使 用 移动 终 
病 时 要 在 时 间 上 承受 更 大 的 压力 : 用 户 一 秒 钟 时 间 都 不 能 混 费 ， 而 且 随 时 有 被 打 
上 晰 使 用 的 风险 。 


同时 ， 用 户 在 移动 终端 上 的 行为 本 质 也 起 着 决定 性 作用 : 用 户 在 移动 终端 上 
的 大 多 数 行 为 属于 细微 动作 ， 比 如 敬一 眼 明 天 的 天 气 预报 ， 这 些 行 为 要 尽快 完 
成 ; 另 一 些 用 户 行为 取决 于 行动 的 那 一 刻 ， 比 如 拍照 、 录 音 等 ， 这 些 行 为 既 不 能 
推 氏 也 不 能 延 后 ， 全 攒 一 瞬间 的 情况 ! 

用 户 使 用 移动 应 用 的 频率 越 启 ， 设 计 者 就 越 应 该 简化 该 应 用 的 操作 ， 为 用 户 
万 省 时 间 。 这 如 解 释 了 为 什么 设计 者 在 应 用 程序 上 要 比 在 移动 终端 网 站 上 更 应 当 
强调 效率 。 其 实 ， 用 户 安 装 、 使 用 应 用 程序 往往 是 为 了 满足 重复 需求 ， 因 此 同样 
的 操作 可 能 需要 重复 干 万 次 。 

界面 的 所 有 设计 参数 都 要 求 设计 者 创作 出 能 让 用 户 尽 快 完成 操作 的 作品 。 我 
们 对 移动 终端 用 户 体验 进行 的 调查 结果 显示 ， 设 计 者 犯 下 的 最 营 见 错误 就 是 忽视 
SCA. PRA, BURMA EH ME? 


对 于 移动 终端 上 稍稍 使 用 的 应 用 程序 来 说 ， 歼 率 问 题 的 相关 建议 尤其 关键 。 
如 果 应 用 程序 的 效率 高 ， 用 户 每 次 操作 都 会 市 省 时 间 。 每 次 市 省 的 时 间 乘 以 重复 
BAIN KR, BREAD o 


第 三 章 的 效率 ， 移 动 终端 的 核心 问题 


AMIR GUA — i ai 


优化 效率 的 首要 反应 是 去 掉 所 有 无 用 功 。 以 下 几 种 方法 可 以 帮助 用 户 减 轻 负 
担 ,省 去 可 以 避免 的 操作 。 


尽 可 能 减少 步 又 
为 了 提高 移动 应 用 的 使 用 效率 ， 应 该 减少 用 户 达 到 目标 所 需要 的 步 又 。 不 要 
迫使 用 户 本 采取 可 以 避免 的 操作 ， 如 果 有 别 的 选择 ， 为 何 非 要 多 点 击 一 次 ? 


: : , i 应 用 程序 
Accueil < Accueil Le corps humain QUIZUP 


DEFIS GAGNÉ ! 


oS o Oo or 
am @ 水 
Vous avez défie nico Vous avez défie nico a 


& Le corps humain vy roy Le corps humain w 


St is 


mi) Game of Thrones 
sarees = 


My 


用 户 想 要 看 测试 结果 或 者 看 自己 局 了 还 是 输 了 ， 但 屏幕 上 没有 任何 提示 。 用 户 必须 先 点 击 
“PERR” (Défis), Ath “A” (Résultat) 才能 看 到 测试 结果 的 相关 信息 。 而 实际 上 ， 
用 户 只 对 结 采 本 里 感 兴 趣 。 


117 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 
COUPLE 和 
SE LOGER 


Mt Kylian Cryc es 
Fr 


SO! | rF r 
on Paul Lightforn 


Ajouter un media 
Prendre une photo 
Choisir une photo 


Prendre une vidéo 


在 这 两 款 应 用 程序 中 ， 用 户 都 可 以 拍摄 视频 和 照 请 ， 或 者 添加 照 请 。SE LOGER (下 图 ) 


采用 一 个 专门 页 面 处 理 媒体 问题 。 而 COUPLE (上 图 ) 则 默认 最 常用 的 方式 是 拍摄 照片 ， 
于 是 用 照相 机 的 图 标 表示 默认 照相 功能 。 两 款 应 用 程序 在 拍摄 照片 、 视 频 或 者 添加 照片 时 
所 需 的 时 间 相 同 ， 但 在 COUPLE 上 进行 拍摄 会 更 加 迅速 ， 为 用 户 节 省 了 时 间 。 
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mm oa a 应 用 程序 
monop*daily i DAILY MONOP 


Prix moyen : 5.87 € 


Grande salade crudités chèvre et pain d'épice 1959 
SBT € + pi mM 


Ajouter au panier 


为 了 把 商品 放 和 购物 篮 里 ， 用 户 必 须 点 击 两 次 。 对 于 一 亚 食 品 电 商 的 应 用 程序 来 讲 ， 这 种 
做 法 效率 太 低 。 可 以 想象 ， 用 户 很 可 能 产生 误会 : 点 击 左下 角 “ 我 要 购买 ” (Je veux!) 按 
键 后 ， 用 户 以 为 已 经 把 商品 放 入 了 购物 馆 ， 可 实际 上 这 个 操作 只 打开 了 商品 的 细节 页 面 ， 
用 户 需 要 再 次 点 击 “ 加 入 购物 篮 ”( Ajouter au panier) 后 才 完 成 操作 。 用 户 会 产生 两 次 购 
买 了 相同 商品 的 错觉 。 


如 果 设 计 者 能 确定 用 户 肯 定 需 要 一 个 元 素 ， 应 当 尽 量 以 最 少 的 操作 步骤 提供 
给 他 。 以 下 例子 来 自 应 用 程序 LE BON COIN， 但 在 安 卓 系统 也 十 分 和 常见。 如果 
我 们 能 直接 猜 到 用 户 的 需求 ， 为 何 要 让 他 多 费力 呢 ? 


应 用 程序 
LE BON COIN 


[Titre (obligatoire) 


Annuler 


用 户 如 末 希 望 记 录 搜 索 内 容 ， 必 须 首 先 为 其 命名 。 但 页 面 并 没有 直接 给 出 键盘 ， 只 有 在 点 
击 “ 标 题 ”( Titre ) 输入 区 域 后 ,键盘 才 会 出 现 。 大 家 都 知道 ， 所 有 希望 使 用 该 功能 的 用 
户 都 必然 会 用 到 键盘 ， 点 击 输 入 区 域 后 才能 调 出 键盘 ， 这 完全 属于 男 蛇 添 足 。 


119 


应 用 程序 
LES TAXIS BLEUS 
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taco ri HH 77 ki EE tco Free F HH 77 ki EE 
€ Es TAUS ees AEE 


€ ‘oth LES FAAS BLES aay 


14:54 
oie | PLUS TARD 


很 明显 ， 所 有 用 户 都 需要 使 用 “呼叫 出 租车 ”( Commander votre taxi) 按键 。 但 用 户 在 打 
开 应 用 程序 时 却 看 不 到 这 一 按键 ， 必 须 下 拉 页 面 后 才能 看 到 。 


当然 ， 减 少 操 作 步 又 的 设计 原则 要 齐 愤 使 用 : 不顾 一 切 地 寻求 高 效 ， 可 能 会 


犯 下 错误 ， 比 如 因为 需要 显示 的 功能 太 多 ， 导 有 致 登录 页 面 的 时 间 过 长 。 其 实 ， 一 
切 决 定 都 需要 权衡 利 芭 ， 精 心 挑选 能 够 优化 人 机 交互 操作 的 功能 ， 全 于 那些 不 太 
重要 的 选项 和 功能 ， 疫 有 必要 安置 在 最 前 方 。 


保护 用 户 避 人 免 犯 条 

每 次 点 击 都 很 重要 ， 所 以 用 户 需要 尽 可 能 不 犯错 误 。 导 航 方面 的 错误 无 疑 会 
让 浏览 过 程 更 加 烦琐 :用户 要 尝试 其 他 路 径 ， 效 率 必 然 降低 。 设 计 者 应 通过 添加 
说 明文 字 、 合 理 安排 页 面 、 保 证 人 机 交互 顺畅 无 阻 等 方法 ， 正 确 引导 用 户 。 


设计 者 在 导航 设计 上 多 花 些 心思 ， 能 有 效 保护 用 户 避 免 犯错 。 我 在 前 一 音 已 经 
讨论 过 这 个 问题 。 但 请 注意 ; 设计 者 一 定 要 自己 实际 操作 一 遍 ， 检 验 一 下 实际 情况 
和 心中 的 原 有 设想 是 否 相符 ! 在 设计 者 眼中 很 明显 的 事情 对 用 户 来 说 未 必 如 此 。 不 


要 忘记 ， 人 机 交互 在 移动 终端 上 非常 迅速 ， 用 户 会 不 假 思 索 地 操作 ， 错 误 屡见不鲜 。 


这 里 谈 到 的 “错误 ” 指 的 不 一 定 是 严重 错误 。 很 多 情况 下 ， 用 尸 甚至 并 没 
意识 到 自己 犯 了 错 ， 因 为 他 已 经 习惯 了 为 达到 目的 尝试 多 种 方法 的 操作 策略 。 
然而 ， 这 些 错误 让 操作 速度 减 慢 ,导致 效率 降低 。 


应 用 程序 


i) LE BON COIN 
. Q, Mot(s)-clé(s) 


(| Recherche dans le titre uniquement 


Ile-de-France 


Ville ou code postal 


Ville ou code postal 
Toutes catégories 


‘A Particuliers 


4 Toutes catégories 


如 果 用 户 没 有 在 表格 中 填写 任何 搜索 标准 ， 右 上 方 的 图 标 就 是 最 明显 的 行为 召唤 。 然 
而 ， 此 处 的 图 标 表 示 “ 保 存 ”"。 由 于 缺少 其 他 明显 的 图 标 ， 用 户 往 往 会 点 击 “ 保 存 ” 图 标 ， 
因为 这 一 图 标 所 处 的 位 置 让 人 误 以 为 是 “搜索 ”"。 实 际 上 ， 是 表格 的 形式 导致 了 用 户 犯 
错 一 一 弹出 的 键盘 挡住 了 “搜索 ”按键 ! 


Pat OU ALF HY ras ok 

为 了 减少 用 户 花费 的 精力 ， 设 计 者 必须 充分 了 解 用 户 的 目标 和 特点 。 想 要 提 
高 效率 ， 不 能 单 赁 遵守 大 众 化 规则 。 设 计 者 有 必要 仔细 研究 用 户 的 使 用 习惯 ， 让 
移动 应 用 最 大 限度 地 符合 用 户 的 实际 需要 。 


。 设计 痢 要 站 在 用 户 的 立场 上 ， 从 用 尸 的 生活 环境 出 发 : 用户 可 能 处 于 怎样 
的 使 用 环 霸 ? 怎样 让 应 用 使 用 起 来 更 加 方便 ? 
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应 用 程序 

SHAZAM a 
用 户 打开 音乐 识别 应 用 程序 SHAZAM 时 ， 显 然 是 想 识别 正在 播放 的 音乐 ， 一 秒 钟 也 不 想 浪 
费 ! 为 什么 要 求 用 户 点 触 屏 幕 才能 开始 识别 呢 ? 难道 打开 应 用 程序 还 不 够 吗 ? 识别 音乐 是 
SHAZAM 的 主要 用 途 ， 最 好 的 方法 应 该 是 自动 启动 音乐 识别 ， 再 请 用 户 手动 停止 该 功能 。 

应 用 程序 

TRANSIT 


用 户 和 希望 找到 合适 的 交通 工具 前 往 某 地 ， 此 款 应 用 程序 为 此 而 生 。 程 序 在 打开 时 会 自动 定 
fii (Localisation )、 寻 找 公 共 汽 车 车 站 、 提 供 公共 汽车 即将 到 站 的 时 间 等 相关 信息 。 
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应 用 程序 
HORLOGE 
众所周知 ， 用 户 设 定 定时 希 的 目的 是 查看 还 剩 下 多 少时 间 。 用 户 不 会 一 直 采 寿 定时 俘 看 ， 
即使 是 在 移动 终端 上 。 因 此 ， 在 锁 屏 上 不 断 显示 剩余 时 间 的 方法 非常 好 ， 用 户 只 需 将 上 一 
眼 就 可 以 获得 所 需 信息 。 
。 研究 用 户 行 为 ， 并 让 应 用 程序 适应 用 户 行 为 。 设 计 者 经 第 会 对 研究 结果 大 
吃 一 惊 ， 由 此 获得 的 设计 灵感 在 付 诸 实 践 后 貌似 显而易见 ， 但 如 果 我 们 闭 
门 造 车 ， 很 多 思路 根本 想不到 1 
平板 电脑 应 用 程序 
MAIL 
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平板 电脑 应 用 程序 
MAIL 
用 户 如 果 希 望 通过 电子 邮件 发 送 照片 ， 可 以 选择 两 种 途径 : 直接 发 送 照片 ， 或 者 写 信 后 附 
上 有 照片。 在 后 一 种 情况 中 ， 界 面 必须 具备 在 撰写 信息 后 添加 照片 的 功能 ( 应 用 程序 MAIL 
BOX )， 但 不 是 所 有 的 移动 终端 电子 邮箱 都 设 有 该 功能 。 
在 MAIL 中 ,这 是 一 个 重大 缺陷 。 因 为 用 户 很 可 能 在 写 完 邮件 后 才 意 识 到 无 法 添加 照片 ， 
但 为 时 已 晚 。 而 且 这 可 能 成 为 顽固 错误 一 一 用 户 总 是 忘记 MAIL 不 具备 这 一 功能 ， 多 次 隐 
入 同样 的 困境 。 
平板 电脑 应 用 程序 
PINTEREST 


仅仅 通过 一 个 词 进行 搜索 ， 结 采 可 能 过 于 单一 、 笼 统 。 因 此 ， 在 PINTEREST 中 ， 用 户 通 
过 一 个 词 搜索 到 结果 后 ， 程 序 还 会 给 出 其 他 建议 ， 引 导 用 户 进一步 精确 搜索 。 这 种 方法 让 
用 户 避 免 浏 览 无 用 的 结 有 末 ， 提 高 了 效率 。 钊 上 添 花 的 是 ， 该 程序 还 能 告诉 用 户 如 何在 下 次 
搜索 时 有 目 行 操作 ， 获 得 更 好 的 结果 。 
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平板 电脑 应 用 程序 
LINXO 


Mes comptes 
Tous mes comptes 82,42 € 
Comptes Chèque 72,42 € 
Comptes d Epargne 10,00 € 
Notifications 


@> 


Awoune notification 


Opérations 4 catégoriser o n 


Non -Catéegorisées depus ie 23 jun 


-10,00 € 


$156 


vies comptes 


WW Tous mes comptes 82,42 € 
Q 
Comptes Chéque 72,42 € 
Compte de chèques f === 2719) 72,42 € 
Comptes d'Epargne 10,00 € 
Livret A (ret sree 4408) 10,00 € 
4 


a as 


当 用 户 在 线 管 理 银 行 账 户 时 ， 最 主要 目的 之 一 是 查看 最 近 的 收入 与 文 出 。 在 LINXO E, 
用 户 先 在 首页 上 看 到 存款 余额 ， 然 后 点 击 “ 我 的 账户 ”( Mes comptes )。 但 用 户 并 没有 就 
此 直接 进入 账户 ， 而 是 还 需 通 过 一 个 中 间 页 面 ， 从 中 选择 一 个 账户 。 用 户 想 了 解 一 个 账户 
的 信息 就 必须 进行 两 次 点 击 。 对 于 这 样 一 个 使 用 频率 极 高 的 操作 来 说 ， 未 免 过 于 复杂 了 。 


。 设计 者 需要 根据 应 用 程序 的 特点 ， 预 测 用 户 使 用 频 康 最 高 的 功能 。 
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IA WRITER 在 平板 
电脑 和 智能 手机 上 
的 应 用 程序 


应 用 程序 
EVERNOTE 
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Waiz Bryprest 
Lorsqu'on lançait loa Filete et que retentissait l'appel dew fonds, Co 
eon, gandir. 
Weilléos fulgurantes, dreseéea sur l'énergie de nga ainds, bors do mous : 
libres. 
Ce que pressentent les oissaux à la luewr d'une aube inconnus, 
deorveillés. 
# Š asou f s. 
A, zZ E R T ¥ U 1 总 P a 
af sfo Fiafiufu Ko L M mo 
wixlclvielln T + 
ma = = 


verts, l'ensemble était 
parfaitement bancal. Oscar s'y 
retrouvait comme à chaque 
fois. Au son de la radio, 
planqué dans un taxi, il 
sentait la ville se dérouler, 
permanente. 


AlIZIEIRITIYIUIIIOIP 


QISIDIFIGIHIJIKILIM 


丈 性 相 匹配 。 这 款 书写 程序 的 效率 无 可 匹敌 ! 


IA WRITER 的 键盘 可 以 直接 输入 常用 的 特殊 符号 ， 并 和 用 户 使 用 的 终端 


t wWxXCVBN 


EVERNOTE 


好 像 刚才 用 户 并 没 犯错 一 样 ! 


EVERNOTE 预测 用 户 可 能 混淆 登录 表格 和 注册 表格 。 当 程序 发 现 用 户 在 注册 表格 中 输入 


的 电子 邮件 地 址 和 已 存在 的 账户 相同 时 ， 束 会 建议 用 户 直 接 使 用 已 存在 的 账户 登录 …… 就 


设备 及 语种 的 特 
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快捷 方式 

有 一 种 简单 方法 可 以 提高 用 户 效 率 一 -为 用 户 最 喜欢 的 功能 创建 快捷 方式 。 
尤其 在 用 户 经 常 使 用 该 功能 的 情况 下 ， 快 捷 方式 更 显 实用 。 

快捷 方式 可 以 直接 显示 在 屏幕 上 ， 或 者 藏 在 后 合 ， 通 过 操作 手势 现 身 并 激 
活 。 隐 藏 的 快捷 方式 往往 更 吸引 人 ， 因 为 它 不 会 带 来 任何 视觉 上 的 负担 一 不 必 
显示 按键 ! 但 这 种 方法 也 有 缺点 : 相对 来 说 ， 隐 藏 的 快捷 方式 可 发 现 性 很 低 ， 用 
户 很 难 找到 。 


iOS 7 


Ce Cu 


”一 @ < G ArPiay . kag a 


iPad 的 快捷 操作 面板 为 用 户 提供 了 迅速 进入 设置 与 常用 功能 的 人口 : 启动 Wi-Fi、 进 入 
“ 免 打 扰 模 式 ”、AirPlay 、 定 时 器 …… 用 滑动 手势 从 屏幕 底部 向 上 滑动 ， 快 捷 操作 面板 就 
会 出 现 。 这 种 模式 效率 很 高 ， 但 不 知晓 激活 手势 的 用 户 恐 怕 看 不 到 面板 。 为 弥补 这 一 缺 
城 ， 新 用 户 还 可 以 在 不 同 的 “设置 ”页 面 中 进行 相同 操作 。 


清单 列表 往往 配备 快捷 方式 ， 用 户 不 必 进 入 每 一 项 细节 页 面 ， 能 更 快 完 成 操 
作 。 以 下 几 条 建议 或 许 能 帮 你 设计 出 成 功 的 快捷 方式 。 

。 第 一 ， 仔 细 选 择 为 哪些 功能 可 以 创建 快捷 方式 : 快捷 方式 必须 指 癌 重 要 的 
核心 功能 和 用 尸 偏爱 的 功能 。 滥 用 快捷 方式 束 谈 不 上 快捷 了 ! 

。 第 二 ， 选 择 操作 手势 还 是 投 键 激活 快捷 方式 ， 在 两 种 途径 中 找到 平衡 。 不 
Haw, RAMAAPA RS AIRE Ki, PREF AN REST EE 

。 第 三 ， 如 果 选 择 采 用 操作 手势 激活 ， 人 快捷 方式 的 可 发 现 性 会 降低 。 设 计 者 
需要 考虑 如 何 让 用 户 学 会 这 种 操作 手势 。 第 五 曹 将 介绍 如 何 达 到 这 一 目的 。 
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。 第 四， 对 可 视 快捷 方式 来 说 ， 点 击 元 素 应 当 尽 量 不 扰乱 屏幕 上 的 其 他 元 
素 ， 不 能 与 相 天 严 品 的 描述 内 容 产 生 竞 争 ， 所 以 ,快捷 方式 按键 应 该 采用 
简单 明了 的 图 形 设计 。 


=j 


ema, RIAARED mR RENAN, wank Pal AHR 
的 细 市 页 面 执行 同一 功能 。 


平板 电脑 应 用 程序 
ETSY 


Wade F 


3074 
=< 4 
nr ba) 
RY 7 AF 
mar f 
一 一 
| y 
A —! 
l pe 4 
fd 
Shea Boater pp Gana: WG gees Hu Flee! Pea A Cheer» fear tp bd wh dered 
Formlar i SATE Formia tyfa ETE 
— i | 
和 sire en favors F Conacte la boutique Informations wr la bout Fitrer Trier "S 


用 户 不 必 进 入 商品 的 细节 页 面 ， 就 可 以 把 商品 加 入 “收藏 "。 快 捷 方 式 让 用 户 更 容易 使 用 
ETSY 的 核心 功能 。 快 捷 方式 按键 的 图 形 设 计 简单 清晰 ， 不 妨碍 用 户 浏览 商品 列表 。 


雅虎 邮箱 的 
应 用 程序 


Q, Recherche dans mail Q, Recherche dans mail Anniversaire Sam 
; 7 B déc. 2004 Ped: 
È SFA Mewaa © SFA 
Tears laa Extracs de SFR eters | Teast beet Extras do SFR ataria ! —— sa Détails 
tous les Erima de SFA offers 4... Dicoret ipus bes Erima da SFR oferta 9... 


è Nicolas Hess aia ® Nicolas Hess zis On iat quel pour anni de Sam 7 Tu as pansi à 
Partigi Pirthi un cada 7 


Palo, Comme Corenu Ge reine F Halo, Commie Gavenu pendant moira f 


Aer 


è niko. hossGgmail.com 3i è niko. hoss@gmail.com 3s 
Un ami vous rebona Monoprix.tr Un ami vous nese Monoprix.tr 
Si VOU ro VinligeT pas T Gi VOU he VOIMIA pak correcta 


用 户 用 左右 滑动 手势 在 邮件 列表 中 进行 操作 。 对 于 新 手 来 说 ， 以 滑动 手势 激活 快捷 方式 不 
会 带 来 问题 : 快捷 方式 不 占据 屏幕 的 空间 ， 而 且 用 户 还 能 通过 邮件 的 细节 页 面 执行 相同 操 
作 。 同 时 ， 人 快捷 方式 可 以 大 幅 提高 熟 手 用 户 的 效率 。 
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给 予 及 馈 ， 而 不 是 强迫 确认 

在 很 多 情况 下 ， 用 户 被 要 求 点 击 “确认 ” 键 ， 证 实 已 经 阅读 过 相关 信息 。 其 
实 这 些 地 方 未 必需 要 做 信息 确认 。 如 果 条 件 允 许 ， 设 计 者 通知 用 户 即 可 ， 而 不 是 
要 求 用 户 点 击 确认 。 


应 用 程序 
ALLOCINE 


IK2 Beaubourg 


Mes cinemas 


Salle ajoutée à vos cinémas Earoris 


y RETIRER DES FAVORIS 


A| wmv e 


旧版 本 要 求 用 户 点 击 “OK” 确 认 ， 把 选中 的 电影 院 加 入 收藏 。 新 版 本 改变 了 策略 : 表示 
收藏 的 心 形 图 标 劳 边 显 示 了 一 个 通知 ， 直 接 告 诉 用 户 电 影院 已 加 入 了 收藏 。 通 知 下 方 的 蓝 
色 字 “从 收藏 中 移 除 ”( Retirer des favoris ) 不 但 提供 了 删除 的 选择 ， 同 时 还 对 用 户 刚 刚 进 
行 的 操作 给 予 了 积极 反馈 。 


避免 过 度 保护 

设计 者 出 于 尽善尽美 、 保 护 用 户 的 本 意 ， 经 向 会 要 求 用 户 确 认 刚 刚 发 出 的 指 
令 。 然 而 在 移动 终 疹 上 ， 这 种 操作 让 互动 过 于 烦琐 。 如 果 有 可 能 ， 不 必要 求 用 户 
确认 ， 而 是 让 用 户 可 以 返回 上 一 步 或 者 更 正 指令 。 在 使 用 环境 相对 安全 、 用 户 操 
作 拓 误 的 后 果 较 小 的 情况 下 ， 更 应 该 采用 这 条 建议 。 
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应 用 程序 
SE LOGER 


210 € oo 
E Pai 1 区 TB 75015 


5 Gorn 


— 


Seloqer.com 


Pats 166me (S016) N 
Égisa Auto = igra 10 = = Enise d'Aneu - iga 10 


930 € ach Lal 830 € sch 
| Pais 15érne (78015) } | Par 1 Seren (P01 8) Pars Simi (7501 5) 
Seputar - Boer E Siquiicaminonne - her Sequncaminonire: -JET 


[ cue | 
1200 € ox Toe 下 cc" i E 
Parts Tiare (75116 } Mo Parts 16ème (75116) + a Parts 16am (75116) 
Mm = mi pan! Son? 


FEIN ARASP, ANB CH H LEIKA. EIER, PEP AIR Tea aE 
DR, AHEHE A PE EAR AS BU o 
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= : 应 用 程序 
Profile Wizard TACTIO HEALTH 


What is your gender? 


data. 


hy 


点 击 选 择 “ 男 性 ”或 “女性 ”图 标 之 后 ， 应 该 程序 理应 目 动 跳 转 到 下 一 个 页 面 ， 而 不 是 要 
求 用 户 再 次 点 击 “ 下 一 步 "。 其 实 ， 即 使 用 户 选 择 错误 ， 仍 然 可 以 返回 上 一 步 改正 。 


eee Orange F JG 19:39 应 用 程序 
> Sécurité LYDIA 


Entrez votre code secret 


Vos informations personnelles som protégées 


2 3 


1 


E 


输入 4 位 安全 密码 后 可 以 同时 进行 密码 验证 。 当 然 ， 如 果 用 户 输入 错误 ， 还 可 以 通过 密码 
验证 系统 加 以 改正 。 用 户 不 必 点 击 “OK” 或 “确认 ”按键 。 
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简化 数据 输入 


LA FOURCHETTE 
的 移动 终端 网 站 
和 应 用 程序 
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在 移动 终端 上 输入 数据 尤其 
手机 和 平板 电脑 移动 应 用 的 逃离 
iE? 下 文 为 提供 了 一 些 建议 。 


显得 之 味 无 趣 。 正 因 如 此 ， 表 格 往 往 会 成 为 智能 
Flo EPEAT RE LE FS PE 188 FS at A Oe BS 8 


在 输入 栏 中 填写 默认 数据 


以 默认 形式 尽 可 能 多 地 预先 填写 数据 ， 帮 助 用 户 避 免 不 必 要 的 麻烦 。 尽 管 这 
条 规则 并 非 “ 放 之 四 海 而 答 准 ”"， 但 在 大 多 数 情况 下 会 非常 有 用 。 


0000 Orange F 3G » 1247 7 È 55% 
《2 fourchette 


Pour quelle date souhaitez-vous 
réserver un restaurant ? 


Pour quelle date souhaitez-vous 
réserver une table? f| 20/08 (©) 20:00 


3 © Maintenant 


Maintenant 


© Sans date précise 


+ pers. 


Sans date précise 


Trouvez une table 


智能 手机 上 的 应 用 程序 比 移动 终端 网 站 效率 高 : 应 用 程序 根据 一 般 情 况 事 先 填 好 了 顾客 用 
和 餐 的 时 间 和 日 期 并 将 “用 和 餐 人 数 ” 上 默认 设置 为 两 人 。 


第 三 章 的 效率 ， 移 动 终端 的 核心 问题 


平板 电脑 应 用 程序 
Pick a Goal DUOLINGO 
C) eua 
E Rega 
C Series 
O hena 
You can always 
change goals 
later. 
Æ DUOLINGO 上 ,“ 目 标 ” 一 栏 的 默认 选择 为 “常规 "。 如 果 用 户 恰巧 要 选择 这 一 选项 ， 
那么 至 少 能 少 走 一 个 步 又 。 需 要 指出 的 是 ， 默 认 选 项 还 有 引导 作用 ， 茧 励 用 户 选 择 看 上 去 
更 合理 的 选项 。 
eecco Orange F 3G 22:36 econo Orange F 3G 22:36 72 66% TOK TOK TOK 
armsas ATT SB 的 移动 终端 网 站 
三 tok tok tok tok tok tok 
Récupération du mot 
Contact@ergolab.net de passe 


Mat de passe oublia ? 


Pas encore de compte + 


AP EJL aa, AA eS. HAPAT “aS” FRE, DAA 
动 呈 现 用 户 已 项 写 好 的 电子 邮件 地 址 。 可 在 这 个 例子 中 ， 系 统 要 求 用 户 重 新 填写 电子 邮件 
地 址 。 这 种 做 法 效率 低下 ， 对 用 户 因 忘 记 密 码 而 无 比 烦躁 的 心情 更 是 火 上 浇 油 。 
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应 用 程序 
BETASERIES 


应 用 程序 
CAPITAINE TRAIN 
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ENMANE 


预 设 输入 如 果 设 置 得 当 ， 可 以 大 幅度 提高 用 户 的 效率 。 用 户 只 需 输 入 开头 几 
个 字 ， 系 统 就 会 自动 显示 可 供 选择 的 后 续 内 容 。 


23:45 7 99 


A 通过 半自动 输入 ， 用 户 可 以 很 快 在 众多 已 有 的 剧 集中 找到 自 
a 


2 Broke Girls 


Band of Brothers 
Broadchurch 


Rrooklvn Nine-Nine 
AIZIEIRITIYIUIIIOIP 


eee eee a S a 


eee eee ee eee 


— _— @— > a a 


长 至 在 用 户 开 始 输入 第 一 个 搜索 字 之 前 ， 程 序 就 可 以 提供 一 些 用 户 可 能 会 搜 
索 的 数据 。 


To | | 
[oArivingat n] 
+ Nantes 


London 


Lyon 
Lille 


Marseille St-Charles 


ma ‘ 


QWERTYUIOP 


应 用 程序 按照 用 户 的 “出 发 城市 ”推测 他 可 能 想 要 前 往 的 “目的 地 ”， 并 按照 搜索 频率 从 
高 到 低地 推荐 一 系列 目的 地 。 


第 三 章 的 效率 ， 移 动 终端 的 核心 问题 


实时 确认 输入 数据 
实时 确认 用 户 在 表格 中 输入 的 数据 ， 让 用 户 节省 精力 。 用 户 由 此 获得 信息 ， 
或 者 发 现 自己 的 错误 。 


采用 这 种 方法 的 稼 见 区 域 有 : 

。 需要 反复 试 错 的 区 域 ， 比 如 设 定 用 户 名 ; 

。 必须 遵守 某 些 规定 的 区 域 ， 比 如 两 次 输入 电子 邮件 地 址 ; 

。 根据 输入 的 每 个 字符 分 别 进 行 评测 的 区 域 ， 比 如 评估 密码 安全 程度 。 


平板 电脑 应 用 程序 
DUOLINGO 


DUOLINGO 没有 实时 检测 新 用 户 名 是 否 可 用 。 这 于 应 用 程序 很 受 欢 迎 ， 用 户 很 多 ， 所 以 
新 用 户 可 能 要 经 过 多 次 尝试 才能 找到 一 个 没有 被 占用 的 用 户 名 。 但 是 ， 用 户 只 有 在 发 送 表 
格 的 时 候 才 会 被 告知 需要 重新 选择 用 户 名 ， 整 个 过 程 非常 乏味 。 而 且 ， 应 用 程序 还 迫使 用 
户 每 次 都 要 点 击 “OK” 刍 确认 错误 。 于 是 ， 用 户 不 但 要 反复 输入 已 被 占用 的 用 户 名 ， 
次 受挫 还 要 伴随 两 个 无 用 的 操作 。 


迁 择 合适 的 表格 元 素 

设计 者 根据 需要 填写 的 内 容 设计 合适 的 输入 方式 、 优 化 表格 ， 这 会 让 用 户 在 
使 用 时 倍 感 便利 。 很 多 设计 者 偏爱 使 用 下 拉 选 项 ， 其 实在 大 多 数 情况 下 不 必 如 
此 ， 因 为 只 有 在 选项 内 容 比 较 多 的 情况 下 ， 才 建议 使 用 下 拉 选 项 。 


另外 ， 用 按钮 的 形式 向 用 户 显 示 可 供 选 项 ， 这 种 方法 的 建议 能 力 很 强 。 
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“下 拉 选 项 ”应 该 是 用 户 界面 设计 的 最 后 手段 ， 而 不 是 唯一 的 选择 。 
FE + 沃 洛 布 莱 夫 斯 基 


BOOKING 的 ah F ! "4 E h- 
移动 终端 网 站 ka tema 
T T 本 人 图 村 春之 一 
Err | FARRAR 


iene ED 


E) FANE (2-) SASSER SSM -| 
AFRO AE: 2A g: M) 


j Pe 

fe ep an, ANGER, 
nE 

a sD LERRA 

RE: 10A p m) 


EETA EEPE, ae 
PH of. PARE 


BH. AERA REPS. 
{epee ee = 
AMAWTA ITHE. dae 
2. See — we 
iri 
READ HATaRA i: 


“选择 吸烟 或 禁烟 间 ” 区 域 只 有 两 个 选项 ,设计 者 应 该 采用 按钮 而 不 是 下 拉 选 项 。 下 拉 选 
项 导致 用 户 要 多 进行 几 步 操作 。 在 本 例 中 ， 题 目 本 吴 就 包含 了 两 个 选项 ， 如 果 在 屏幕 上 直 
接 使 用 可 见 按钮 ， 完 全 可 以 取消 选项 区 域 。 


PETIT BATEAU 和 
SEPHORA 的 


移动 终端 网 站 ”县 -onon 
ŽE B+ 
19817 Ae 


“党 苹 生 日 信息 ， 理 在 更 兰 生日 礼 ! ASE 
FEER 


JE PETIT BATEAU 的 网 站 上 填写 出 生日 期 ， 除 了 选择 正确 的 日 期 ， 用 户 还 需要 6 步 才 能 完成 


整个 操作 。 而 在 SEPHORA 的 网 站 上 一 共 只 需要 2 步 ! 有 一 点 需要 注意 : 因为 这 里 要 填写 的 
是 用 户 的 出 生日 期 ， 而 每 个 人 的 生日 基本 都 不 一 样 ， 所 以 没有 必要 事先 显示 一 个 具体 日 期 。 
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ING BO DIRECT COD connect 


尽管 需要 使 用 键盘 输入 出 生日 期 , 但 “年 -月 -日 ”表格 能 够 自动 跳 转 填写 ,不 仅 让 输入 
变 得 容易 ， 而 且 不 同 输入 区 域 也 十 分 明显 。 


N 


平板 电脑 应 用 程序 
ING DIRECT 
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AIRBNB 的 
移动 终端 网 站 当 价格 不 能 精确 到 1 欧元 的 时 候 ， 用 滑动 条 划 定 预算 的 最 大 值 和 
最 小 值 要 比 用 键盘 输入 更 方便 。 
设计 者 不 要 忘记 自己 正 处 在 移动 终端 上 ， 有 时 采用 特殊 表格 比 传统 表格 的 效 
REF! 
应 用 程序 — erra 


UBER (exu ADD PAYMENT w| UBER 提供 扫描 银行 卡 的 服务 ， 轻 松 输入 支付 数据 。 


条 入 工具 与 预期 的 输入 内 容 相 适应 
在 使 用 键盘 输入 的 情况 下 ， 切 记 根 据 预期 的 输入 内 容 为 用 户 提供 相应 的 工 


H: 默认 显示 数字 键盘 以 便 输 入 数字 ， 键 盘 要 包 合 电子 邮件 地 址 中 的 @， 等 等 。 
这 条 建议 貌似 简单 ， 但 实际 上 没有 多 少 设计 者 真正 注意 到 问题 所 在 ， 导 致 用 户 效 
率 降 低 。 
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oo 3G 2208 | 71 6%aD TOK TOK TOK 
DUULTIE! 的 移动 终端 网 站 
<> OK 
AIZIEIRITIVIULIIOIP 
Qs DIF G H JIKIL M 
会 wWwWxXCVBN 
加 图 o_o 
用 户 需 要 输入 电子 邮件 地 址 进行 注册 ， 但 默认 键盘 上 既 没 有 @ 也 没有 “.”。 
BFORBANK 和 
LAREDOUTE 的 
移动 终端 网 站 


2. DATE DE NAISSANCE 


22011981] 


ETAPE SUIVANTE 


3. CODE SECRET 
Champs cbligancires* 


Saneaser vove code secret en Chquart Sut le Deve Mme 


<> ok eS ok 
1 3 


DEF 


AIZIEIRITIVIULIIOIP 


E 


在 BFORBANK 的 网 站 上 进行 键盘 输入 比 在 LA REDOUTE 的 网 站 上 更 加 容易 。 因 为 
LA REDOUTE 的 网 站 不 会 默认 打开 数字 键盘 ， 用 户 输入 出 生日 期 时 必须 从 字母 键盘 转 到 


数字 键盘 ， 而 且 每 次 遇 到 数字 时 都 要 切换 键盘 ! 


不 要 忘记， 在 用 户 填 写 电子 邮件 地 址 和 密码 时 ， 系 统 应 当 关 闭 目 动 填 写 功 
， 以 免 给 用 户 造成 不 必要 的 麻烦 。 总 之 ， 设 计 者 要 时 刻 目 问 : 在 人 机 交互 过 程 
样 才能 满足 用 户 的 需求 ?了 解 用 户 需 求 之 后 ， 设 计 者 让 目 己 提 供 的 产品 尽 


9 /AN 
迎合 这 些 需 求 ， 目 然 会 提高 用 户 效率 。 
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SIT TAI Ha 


FEASTS AS AREA m SO ELL AIRE HY PEPE 

对 于 页 面 上 的 主要 操作 功能 ， 一 定 不 能 有 任何 模糊 不 清 的 地 方 。 因 此 ， 设 计 者 
需要 以 显著 的 方式 展示 行为 召唤 ， 让 它 从 其 他 元 素 中 脱颖而出 。 读 者 已 经 在 第 一 章 
看 到 了 功能 可 供 性 的 重要 作用 。 在 滚动 菜单 中 ， 设 计 者 也 可 以 把 行为 召唤 始终 展示 


应 用 程序 B SR 
SPOTIFY ETE 


sa, Solo Piano II 
Ce Cn at 


& 


Chilly Gonzales Solo Piano Il 


Chilly Gonzales 


Minor Fantasy 


> LECTURE ALEATOIRE 


比较 一 下 统一 应 用 程序 的 两 个 不 同 版 本 。 设 计 者 始终 把 “随机 播放 ”( Aléatoire ) 按键 放 
在 重要 位 置 。 但 在 旧版 本 中 ,“ 随 机 播放 ”按键 淹没 在 各 种 按键 之 中 。 而 在 改进 的 新 版 本 
中 ， 就 再 也 没有 模糊 不 清 的 地 方 :“ 随 机 播放 ”按键 一 下 十 分 明显 ， 即 使 用 户 下 拉 羔 单 ， 
按键 也 始终 显示 在 屏 右上 。 
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er F 3G 1845 7) 00% m eesco Orange F 3G 1724 Tm i 应 用 程序 GMAIL 
x >| Annuler Vacances Envoyer 和 MAIL 
À göoginaaoLcom ++ A georginagasl.com 


CeCe, De: amelie. boucher@gmail.comn 


Dee, De: amelia.boucherdgmail.com 


Objet: Vacances) 


比较 一 下 这 两 个 应 用 程序 撰写 邮件 的 页 面 。 在 GMAIL 上 ,“ 发 送 ”的 行为 召唤 很 小 ,但 
很 明显 ,能 从 页 面 上 的 各 种 元 素 中 脐 宁 而 出 。 在 MAIL 上 ,“ 发 送 ”的 行为 召唤 的 可 供 性 
不 够 强 ， 因 为 设计 者 使 用 的 是 说 明文 字 ， 从 视觉 角度 来 看 ， 所 有 元 素 都 在 同一 水 平 上 ， 没 
有 重点 。 尽 管 如 此 ， 用 户 最 终 会 通过 学 习 会 弥补 这 一 设计 缺陷 ， 因 为 使 用 电子 邮箱 是 一 个 
需要 不 断 重 复 操作 的 过 程 。 


用 户 重 复 使 用 应 用 的 频率 越 高 ， 设 计 者 就 越 容 易 认 为 :“ 无 所 谓 ， 反 正 用 户 
会 在 不 断 使 用 的 过 程 中 学 会 ……” 这 绝对 是 一 个 巨大 的 错误 ! 诚然 ， 用 户 能 学 会 
在 预期 页 面 瞄 准 某 处 进行 操作 ， 但 为 了 快速 达到 目的 ， 任 何 元 素 都 无 法 代替 一 个 


足够 大 、 足 够 明显 且 毫 不 模糊 的 行为 召唤 。 在 效率 面前 ， 每 一 微 秒 都 至 关 重 要 ! 


VERTBAUDET 
vertbaudet |Q, |Paniec 3 uu pg 、 
| i 的 移动 终端 网 站 


DO ses 2 arriches scheme et 


LIVRAISON GRA’ 
Chez vous oven Relais Colts sn 604 damt 


在 电子 商务 领域 ,， 显著 的 行为 召唤 同样 重要 ! 电子 商务 设计 公司 ALTIMA 对 以 上 两 个 版 
本 的 行为 召唤 “EAH” (Voir mon panier ) 按键 进行 对 比 调查 ， 结 果 如 下 : 在 受 
调查 者 中 ， 嘉 欢 第 二 个 版 本 的 人 数 比 第 一 个 版 本 多 12%。 由 此 可 见 ， 细 节 决 定 成 败 ! 
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强调 行为 召唤 会 产生 另 一 个 极 佳 效果 : 赋予 行为 召唤 强大 的 建议 能 力 。 换 名 
话说 ， 设 计 者 越 凸 显 某 项 功能 ， 用 户 就 越 倾 向 于 使 用 该 功能 。 当 然 ， 前 提 是 功能 
必须 真 的 实用 1 


设计 者 还 需要 对 行为 召唤 进一步 优化 ， 让 用 户 能 轻松 进入 功能 : 必须 让 用 户 
付出 最 小 的 努力 达到 目的 。 本 书 第 一 曹 对 按键 在 页 面 上 的 位 置 问题 进行 过 讨论 ， 
希望 能 为 设计 者 提供 一 定 帮助 。 


扩大 可 触 控 区 域 等 于 优化 效率 
本 书 第 一 章 提 到 过 费 区 法 则 ;可 触 控 区 域 越 大 ， 用 户 就 越 容易 毫 无 差错 地 进 
行 操作 。 这 项 法 则 在 行为 召唤 的 设计 中 至 关 重 要 。 


应 用 程序 PATH 
和 FACEBOOK 


在 PATH 上 关闭 照片 要 比 在 
FACEBOOK 上 容易 得 多 。 
在 PATH 上 只 需要 在 屏幕 


任何 地 方 再 次 点 击 即 可 关 
闭 照 片 ， 用 户 不 必 把 手指 
移动 到 某 一 特定 位 置 操作 。 
ME FACEBOOK 上 ， 用 户 
必须 点 击 “ 关 闭 ” 按 键 才 
行 。 两 款 应 用 程序 包含 了 
众多 以 视觉 媒体 为 核心 的 
功能 ， 所 以 ， 这 一 点 点 区 
别 让 用 户 体验 高 下 立 判 ! 


在 FACEBOOK 上 ， 采用 滑动 手势 向 上 或 向 下 滑动 也 会 关闭 照片 ， 但 该 操作 
手势 很 难 被 发 现 ， 在 这 里 不 予 考虑 。 
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多 种 可 能 激活 相同 功能 圭 于 优化 效率 

设计 者 应 该 根据 用 户 的 认 知 水 平 ， 创 建 若干 可 触 控 区 域 : 比如 为 某 项 功能 设 
计 一 个 明显 的 行为 召唤 ( 带 有 说 明文 字 的 按键 和 图 标 )， 同 时 再 设计 一 个 不 明显 
的 元 素 供 点 击 操作 ， 又 或 者 通过 一 种 操作 手势 达到 相同 目的 。 后 边 提 到 的 两 种 广 
法 可 以 节省 页 面 空间 。 


eecooOrangeF 3G 16:54 7 WO % EDs 应 用 程序 

¢ 2 an 为 了 让 用 户 从 细节 页 面 返回 ， 存 在 两 种 方法 : 按 传统 方法 点 | PINTEREST 
击 页 面 顶 端的 箭头 ， 或 者 用 回 右 的 滑动 手势 。 请 动手 势 不 

是 精细 操作 ， 用 户 不 需要 瞄准 屏幕 上 的 某 个 特定 区 域 ， 速 


do it 


n ATN r ; 
d ' 


EER, ARAM HFEF AH A AE A PP ER EER PE N, 
可 以 提高 效率 。 


应 用 程序 
TINDER 


Alex, 34 


用 户 可 以 通过 两 种 方式 进行 同一 操作 : 点 击 “ x ” 形 图 标 ， 或 者 用 手指 在 屏幕 上 做 向 左 侧 
的 滑动 手势。 
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平板 电脑 应 用 程序 
CHRONODRIVE 
和 E.LECLERC 


SIE Madeleine Bonne Maman 
Pur beurre tradition 300g 
La 
MADELEINE | Avec be SCAM, rowa rain laa iiomations dant rou 


[ beri tar lp pede orere ie ou Send: Sate la 
a, 


Pour volo santé, vider de grignoier rire les repas 


为 关闭 产品 详细 说 明 的 页 面 ， 用 户 在 CHRONODRIVE 上 可 以 点 击 “x” 形 图 标 或 者 点 击 
页 面 其 他 任何 地 方 。 而 在 E.LECLERC 上 ， 用 户 必须 点 击 左上 角 的 “关闭 ”(Fermer ) 按 
键 ， 导 致 效率 降低 。 


注意 语言 的 表达 方式 
设计 者 在 设计 起 到 提示 、 教 学 作用 的 文字 ， 以 及 行为 召唤 的 相关 语言 时 ， 都 
必须 谨慎 小 心 ， 防 止 误 导 用 户 犯 下 错误 。 别 忘 了 ， 用 户 的 行为 方式 在 很 大 程度 上 
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取决 于 设计 者 的 指引 : 设计 者 使 用 的 语言 文字 往往 是 引导 用 户 采 取 行 动 时 唯一 因 
素 。 如 果 语 言 表达 不 当 ， 束 可 能 降低 效率 。 比 如 下 边 SHAZAM 的 例子 。 


a 应 用 程序 
应 用 程序 中 提示 “点 触 开始 音乐 识别 ”>， 用 户 很 自然 地 想 触 磁 提 | SHAZAM 


示 文 字 出 现 的 地 方 激 活 功能 ， 却 失败 了 。 实 际 上 ， 仅 有 页 面 的 中 
心 部 分 属于 可 触 控 区 域 。 


人 们 往往 会 低估 语言 的 力量 ， 实 际 上 ， 经 常 是 语言 在 影响 用 户 做 决定 。 假 
如 一 位 不 懂 法 语 的 用 户 希 望 浏览 法 语 网 页 ， 想 想 会 有 多 困难 1 


应 用 程序 
蓝 色 字体 “添加 收藏 ”( Ajoutez la à vos cinémas favoris ) 是 ALLOCINE 


最 明显 的 元 素 ， 但 用 户 在 点 击 后 却 发 现 没有 任何 反应 。 用 户 
可 能 会 重复 点 击 奋 干 次 ， 最 后 发 现 这 里 根本 不 能 点 击 ， 操 作 
效率 大 打折 扣 。 用 户 甚至 会 以 为 应 用 程序 存在 Bug， 那 就 更 
ET! 在 理想 状态 下 ， 整 个 白色 条 状 区 域 都 应 该 可 以 点 击 。 


ee Vous fréquemtez cette salle? 
AJOUTEZ LA A VOS CINEMAS FAVORIS 


CE o- |e] 
EN Aujourdhui V EA 


M= wy 


> 1h29 - Science fiction, Action E 


在 人 机 工程 学 领域 , “错误 ”一 词 危 险 之 极 : 此 处 指 的 不 一 定 是 用 户 发 现 的 

题 或 者 给 用 户 造 成 麻烦 的 问题 。 用 户 很 可 能 都 没有 意识 到 程序 存在 错误 ， 但 这 
ee 减 慢 ， 影 响 用 户 体验 。 而 且 ， 错 误 越 频繁 重复 出 现 就 越 
危险 ， 最 终 可 能 演变 成 存在 于 用 户 意 识 中 的 顽固 错误 。 
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个 性 化 用 户 体验 : Sd tess OCS SGT? 


让 移动 应 用 符合 每 个 用 户 的 需求 ， 还 有 比 这 更 好 的 高 效 集 略 吗 ? 让 用 户 迅 
速 进入 各 目 所 需 功 能 、 启 动 最 襄 爱 的 工具 一 一 设计 者 想见 现 这 份 承诺 ， 任 重 而 道 
远 。 然 而 ， 通 过 程序 目 动 设置 或 让 用 户 目 行 设置 ， 以 此 实现 个 性 化 用 户 体 验 ， 这 
种 方法 背后 隐藏 肴 诸多 陷阱 ! 下 文 将 就 其 中 的 主要 问题 进行 详细 讨论 。 


用 户 设置 : HELLE! 

说 到 提高 效率 ， 大 家 的 第 一 反应 惑 是 采用 用 户 个 性 化 设置 : 用 户 目 行 选择 目 
己 畜 爱 的 内 容 或 者 需要 的 快捷 方式 。 这 样 一 来 ， 用 户 可 以 略 过 对 目 己 无 用 的 步 
又 ， 直 搂 进 入 喜欢 的 内 容 。 

IND! 这 看 上 去 是 个 好 主意 ， 却 可 能 因 环 境 变 化 和 实施 方式 演变 成 一 场 人 机 
工程 学 的 灾难 ! Beh ee CE SED ZB RA o 


为 什么 设置 ? 

首先 ， 不 是 所 有 环境 都 适合 设置 用 户 偏好 ， 只 有 针对 用 户 常常 使 用 的 功能 进 
行 用 户 偏好 设置 才 有 意义 。 设 置 所 花费 的 认 知 成 本 和 时 间 成 本 必须 物 有 所 值 ! 我 
们 发 现 ， 用 户 通常 不 太 接 受 这 些 设 置 功能 ， 他 们 宁愿 使 用 枯燥 乏味 、 但 短期 内 不 
需要 付出 过 多 努力 就 可 以 操作 的 功能 。 所 以 ， 个 性 化 设置 功能 必须 能 明显 让 用 户 
收益 ， 才 能 引起 他 们 的 兴趣 。 


尽管 会 浪费 时 间 ， 但 用 户 仍然 偏爱 使 用 自己 熟知 的 功能 ， 这 种 行为 被 尼 
尔 森 (Jakob Nielsen) 和 博 尼 斯 (Kara Pernice ) 称 作 动 量 行 为 ( momentum 


behavior ). 
用 户 需要 一 些 时 间 完 成 个 性 化 设置 ， 在 短 时 间 内 导致 效率 下 降 ， 但 是 从 整 
体 上 看 ， 个 性 化 设置 对 未 来 的 使 用 起 到 了 优化 作用 。 


因此 ， 我 建议 设计 者 去 了 解 一 下 用 户 的 行为 ， 而 不 是 强迫 用 户 说 出 目 己 的 偏 
好 。 这 就 是 我 将 在 本 曹 后续 部 分 中 讨论 的 话题 一 一 隐 性 个 性 化 设置 。 
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注意 一 点 ， 如 果 设 计 者 展示 的 设置 功能 只 能 满足 市 场 营 销 的 需要 ， 那 它 对 用 
户 来 说 可 能 没有 太 大 吸引 力 。 


RAR Tine 

设计 者 确定 目 己 做 出 了 正确 选择 ， 这 仅仅 是 一 个 开始 ! 把 一 项 功能 推荐 给 用 
尸 并 让 他 使 用 ， 这 远 远 不 够 ， 设计 者 还 应 该 同 用 尸 展 示 这 项 功能 的 价值 。 

。 回 用 户 展示 设置 功能 的 人 存在: 如果 功 能 真 的 很 实用 ， 那 就 值得 推荐 。 但 不 要 用 
整个 屏 厌 进行 推荐 ， 应 当 给 用 户 保留 忽视 推荐 、 继 续 进 行 手 头 任务 的 目 由 。 
解释 设置 功能 的 附加 价值 ， 加 大 成 功 说 服用 户 的 机 会 : 用 户 进行 设置 之 后 
能 得 到 什么 ? 

SANNA, RBA: 在 用 户 真正 了 解 应 用 程序 之 前 ， 不 
要 强迫 他 根据 个 人 袁 好 进行 “用 户 设 置 ” 或 “收藏 ”。 给 用 户 留 下 是 否 选 
择 个 性 化 设置 的 目 由 ， 不 要 强求 。 


当下 有 一 种 倾向 ， 在 用 户 使 用 移动 应 用 之 前 ， 系 统 就 强迫 他 按 个 人 偏好 进 
行 设 置 。 这 种 方法 会 让 用 户 感到 不 适 ， 充 满 入 侵 性 ， 同 时 ， 可 能 让 个 性 化 设置 成 
为 一 个 严重 的 逃离 点 。 因 此 ， 设 计 者 需要 找到 一 种 恰当 的 方式 。 
FRANCE INTER 


广播 电台 的 
应 用 程序 


TOUTES | 
Rect OUTES 


Aucune émission de cette catégorie n'est disponible 
actuellement, 


~ 


用 户 刚 刚 安装 完 电 人 台 的 应 用 程序 ， 系 统 就 要 求 用 户 添加 喜欢 的 节目 。 可 用 户 还 没有 使 用 过 
程序 ! 很 明显 ， 这 不 是 鼓励 设置 的 最 佳 时 刻 。 相 反 ， 等 用 户 使 用 过 一 段 时 间 之 后 ， 系 统 再 
提出 同样 的 要 求 ， 才 有 可 能 达到 目的 。 
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。 特 例 ， 如 果 用 户 只 需 输入 非常 简单 的 数据 就 能 完成 设置 ， 而 且 用 户 理解 系 
统 为 何在 此 时 提出 这 一 要 求 ， 设 计 者 就 可 以 在 一 开始 使 用 时 要 求 用 户 进行 
设置 


应 用 程序 
MA GROSSESSE 


> SAISIR LA DATE DE VOTRE ACCOUCHEMENT 
25 oo0t 2014 


OU 


> SAISIR LA DATE DE VOS DERNIÈRES RÈGLES 


上 


用 户 在 使 用 这 球 孕 期 指南 应 用 程序 之 初 ， 被 要 求 输入 预产期 。 这 或 许 会 造成 一 点 小 麻烦 ， 
但 这 一 操作 非常 简单 ， 用 户 可 能 不 会 拒绝 。 而 且 ， 设 置 预产期 对 提高 使 用 效率 确实 大 有 神 
益 。 所 以 在 本 例 中 ,在 使 用 之 初 就 要 求 用 户 设置 个 人 信息 的 方法 完全 可 以 接受 。 


。 使 用 说 明文 字 和 第 用 图 标 ， 在 所 有 页 面 上 的 表现 形式 要 前 后 一 致 。 


应 用 程序 “e000 OrangeF 3G 20:27 T 60 % a> 
GUIDE HOMEO |< Granules peails [| Ñ| 屏幕 下 方 的 标签 栏 里 可 以 看 到 “添加 收藏 ”选项 〈 星 形 图 
标 ) 但 在 细节 页 面 中 ， 却 看 不 见 星 形 图 标 了 。 实 际 上 , 在 
细节 页 面 中 ， 用 户 需要 点 击 项 端的 图 书 形 图 标 添加 收藏 。 同 

一 功能 的 图 标 前 后 不 一 致 ， 给 用 户 造 成 了 不 便 。 
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充分 利用 设置 功能 
如 果 一 位 用 户 肯 花费 时 间 和 精力 设置 “添加 收藏 ”的 选项 ， 那 么 他 就 理应 享 
受 优厚 待遇 。 而 实际 上 ， 用 户 偏好 的 设置 功能 很 少 被 好 好 开发 利用 过 。 请 大 家 遵 
守 以 下 几 条 简单 规则 ， 让 愿意 进行 设置 的 用 户 享受 应 有 的 特权 。 
。 必须 让 用 户 立即 体验 到 设置 之 后 的 益处 。 如 果 益处 不 明显 ， 就 需要 向 用 户 
解释 。 


应 用 程序 
LE KIOSK 


Sélectionnés 
rien que pour vous 


URBAN SPIRI 


Les magazines 
les plus lus 


Marmiton LOf 币 ciel 1000... 
Cuisine & Vins Déco & Design 


My 


用 户 付 出 精力 进行 设置 ， 并 表示 过 自己 不 喜欢 充满 花边 新 闻 的 娱乐 小 报 。 可 是 ， 用 户 在 此 
后 打开 应 用 程序 之 后 ， 仍 会 发 现 娱 乐 小 报 默 认 出 现在 首页 上 ， 仪 仅 因 为 大 多 数 用 户 最 言 欢 
这 类 刊物 。 用 户 尽 管 费 力 完成 了 个 性 化 设置 ， 却 只 能 继续 下 拉 滚 动 页 面 才 能 看 到 自己 感 兴 
趣 的 内 容 一 一 这 才 轮 到 根据 用 户 品味 甄选 出 的 刊物 登场 。 


149 


应 用 程序 
TRANSIT 


应 用 程序 
TRANQUILIEN 
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Favorites 
Adding a transit line to favorites 
moves it to the top of the nearby 
list on next refresh. 


“收藏 ”一 个 项 目 后 ， 应 用 程序 告诉 用 户 将 产生 什么 结果 :“ 在 下 次 搜索 时 ， 此 次 收藏 的 公 
交 线 路 会 排 在 线路 清单 的 最 前 列 。” 


。 被 记录 下 来 的 用 尸 偏 好 必须 对 用 尸 有 益处 一 一 提高 效率 ， 并 要 让 用 户 切 实 
感受 到 这 种 变化 。 


17:25 19:28 


Tranquilien Favoris 


Faites un balayage à gauche pour 
éditer ou supprimer un favori 


Paris herblay 
Paris Saint-Lazare - Gare dHerbiay 


TRANQUILIEN 可 以 让 用 户 保存 最 常用 的 路 线 。 但 是 ， 用 户 每 次 打开 程序 时 都 要 先进 入 问题 
栏 ， 而 首页 本 该 自动 呈现 已 保存 过 的 数据 。 而 且 ， 当 程序 的 自身 特点 要 求实 现 高 效 操作 时 ， 
问题 就 更 加 突出 。 如 果 用 户 想 查看 常用 路 线 上 的 下 一 班车 何 时 出 发 ， 常 常 要 分 秒 必 和 争 ! 
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e0000 Orange 3G 19:82 7 74% D 


SNCF TRANSILIEN $ 


= & O 


TRAINS ITINÉRAIRES ACTUALITÉS 


7 a 应 用 程序 
在 首页 上 展示 用 户 最 常用 的 路 线 ， 这 种 方法 很 好 。 其 实 可 以 TRANSILIEN 


更 进一步 : 根据 最 常用 路 线 ， 直 接 上 默认 显示 下 一 班车 的 信息 。 
这 样 ， 用 户 采 用 第 用 路 线 时 可 以 少 点 击 一 次 ， 市 省 时 间 。 


加 Paris Saint-Lazare > Herblay 


A Plus d'applications d'information > 


A = 出 a te eee 
Acoued Aotwaters infos Tratc Ibnerares Pus 


。 注意 ， 以 上 建议 仅 适 用 于 “用 户 仿 好 ”设置 属于 核心 服务 的 情况 。 对 于 其 
他 类 服务 ， 可 以 用 专属 页 面 保存 用 户 侦 好 。 一 切取 决 于 用 户 的 使 用 频 座 : 
如 果 用 户 每 次 登录 程序 都 会 用 到 “添加 收藏 ”， 那 么 设计 者 应 该 考虑 把 该 
选项 安排 在 触手 可 及 的 位 置 。 
。 在 所 有 情况 下 ， 设 计 者 都 应 该 设想 一 下 那些 可 能 会 使 用 “用 户 修好 ”设置 的 
用 户 的 需求 ， 在 要 求 用 户 进 行 最 少 操作 的 前 提 下 ， 尽 可 能 提供 最 多 的 服务 。 
应 用 程序 _ 
Mes Cinemas ALLOCINE 


12 films 


Aujourdhui sur AlloCiné Pathé Beaugrenelle ATMOS 


7 rue Linois 
75015 Paris 15e arrondissement 


Ny 


如 果 用 户 把 电影 院 “ 添 加 收藏 ”， 很 明显 ， 他 是 希望 能 在 下 一 次 : 
表 。 很 可 惜 ， 设 计 者 没 能 在 首页 上 认真 开发 这 项 功能 。 其 实 至 少 
能 让 用 户 和 直接 看 到 排 片 表 。 


PRE A TA HE? Boe BE 
应 该 提供 快捷 方式 ， 最 好 
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法 国 FRANCE 
INTER 广播 电台 在 
iPad 上 的 应 用 程序 


00 


par Eva Bester 


le dimanche 3 10h 
contrer la mélancolie ? Rilke, Les Shadoks, Frida Kablo, la 


Comenert 
confiture de figwe, le swing, Nietzsche et le catch font-ils partie des 
remèdes efficaces contre le vague à | me 


S'ABONNER AU POOCAST 


用 户 如 采 明 确 表示 喜欢 收听 一 个 节目 ， 目 然 硕 望 今后 能 以 最 快速 度 打 开 相 关 页 面 ， 重 播 每 
一 期 节目 。 然 而 ， 用 户 在 “节目 收藏 ”的 项 目下 只 能 看 到 节目 的 最 新 一 期 。 更 糟 的 是 ， 设 
计 者 没有 提供 任何 行为 召唤 ， 帮 助 用 户 前 往 “ 往 期 节目 ”列表 所 在 的 页 面 。 为 了 看 到 节目 
列表 ， 用 户 只 能 重新 点 击 “ 所 有 记 目 ”按键 ， 寻 找 相 关节 目 …… 过 程 及 其 乏味 。 既 然 如 


此 ,“ 市 目 收藏 ”又 意义 何在 ? 
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应 用 程序 LA 
CHAINE METEO 
和 雅虎 天 气 预 报 


dimanche 
Maint 

& 

18 
lundi 
mard 


mercredi 


jeudi 


vendredi 


Æ LA CHAÎNE MÉTÉO 上 ， 用 户 即 便 已 保存 过 “关注 城市 "， 还 是 需要 多 走 两 个 步 又 查 
HRA: 首页 默认 显示 的 是 法 国 全 国 天 气 和 推荐 内 容 ， 用 户 必 须 下 拉 滚 动 页 面 ， 才 能 看 
到 “关注 城市 ”的 实时 天 气 ; 为 了 看 到 未 来 的 天 气 预 报 ， 用 户 必 须 再 点 击 一 次 。 而 在 雅 
虎 天 气 预 报 上 则 恰恰 相反 , “关注 城市 ”的 天 气 信息 默认 显示 在 首页 上 ， 用 户 的 使 用 效 
率 大 大 提高 ! 


怎样 记录 用 户 偏好 ? 

设计 者 应 当 仔细 考虑 保存 用 户 偏好 的 方式 ; 

。 在 移动 终端 网 站 上 ， 用 户 必 须 先 注册 账户 才能 进行 个 性 化 设置 ， 这 往往 是 
用 户 设置 进一步 发 展 的 障碍 。 

。 在 应 用 程序 中 ， 如 果 用 户 设置 很 容易 ， 不 必 强 求 先 注册 账户 。 创 建 一 个 账 
户 需要 花费 时 间 ， 用 户 可 能 就 此 放弃 。 

。 不 要 让 用 户 在 没有 保存 个 人 偏好 的 前 提 下 ， 进 行 过 多 设置 。 

。 如果 需要 一 个 账户 专门 用 来 保存 用 户 偏好 ， 最 好 在 用 户 完成 个 人 设置 之 
后 ， 再 提出 创建 账户 的 要 求 ， 而 不 是 在 此 之 前 。 创 建 账户 需要 花费 精力 ， 
经 常 被 视 为 认 知 屏障 。 在 用 户 完成 个 人 设置 流程 后 ， 再 要 求 他 创建 账户 以 
保存 信息 ， 用 户 才 更 有 可 能 听从 指挥 ， 一 直 进行 到 底 。 这 就 是 所 谓 的 用 户 
参与 (参见 第 五 章 )。 
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应 用 程序 
SE LOGER 只 有 在 用 户 决定 把 搜索 结果 加 入 “收藏 ”之 后 ， 应 用 程序 才 要 
求 用 户 创 建 账户 。 
如 何 让 用 户 设 置 首 页 ? 
有 些 移 动 应 用 会 让 用 户 对 首页 进行 设置 。 这 里 一 定 要 指出 : 这 种 方法 非常 危 
险 ， 而 且 用 户 使 用 个 人 设置 的 机 会 反而 会 大 大 减少 。 这 就 好 比 ， 设 计 者 向 用 户 
许诺 要 开发 一 项 庞大 、 复 杂 却 毫 无 用 处 的 功能 …… 不 过 ， 设 计 者 可 以 根据 用 户 偏 
好 ， 自 己 动手 调整 首页 内 容 。 
简化 用 户 偏 好 的 设置 管理 
如 果 用 户 想 修改 “用 户 偏好 ”"， 设 计 者 要 帮 他 轻松 完成 操作 : 
。 理想 的 情况 是 ， 设 置 内 容 里 可 能 需要 改变 的 项 目 越 少 越 好 ; 
。 菜单 提供 专门 的 修改 设置 页 面 (比如 “添加 收藏 ”界面 )， 同 时 提供 快捷 方式 。 
应 用 程序 | Hi #000 Grange F XE | okie 7H 电 soo Grange F XG Až hia 


TRANSILIEN |<Reteur PROCHAINS TRAINS È < Retour PROCHAINS TRAINS © < Retour PROCHAINS TRAINS © 


Ye Vee rocherche a bien diù 
meetin aux 了 weais， 


用 户 收藏 一 条 路 线 后 ， 很 难 将 其 删除 。 原 因 如 下 : 在 展示 路 线 细节 时 ,“ 收 藏 ”的 星 形 图 


标 消失 了 ! 尽管 通过 下 方 的 “更 多 ”( Plus ) 选项 可 以 找到 “收藏 ”的 管理 页 面 ， 但 用 户 
一 共 需 要 点 击 6 次 才能 完成 删除 任务 。 
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LE KIOSK 在 
iPad 上 的 应 用 程序 


当 用 户 和 而 望 改动 “收藏 ”内 容 时 ， 必 须 走 过 账户 设置 的 所 有 芗 又 ， 包 括 设置 头像 和 联系 方 
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TRANQUILIEN 
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应 用 程序 
INBOX 


匠心 体验 QO 智能 手机 与 平板 电脑 的 用 户 体验 设计 


障 性 个 性 化 设置 

用 户 的 实际 行动 能 够 癌 设 计 者 透露 很 多 与 用 户 侦 好 相关 的 有 价值 时 信息 。 如 
果 有 机 会 ， 设 计 者 应 该 人 深 入 研究 用 户 行 为 ， 让 移动 应 用 更 符合 用 户 的 喜好 。 这 样 
一 来 ,用户 将 在 不 知 不 够 之 间 提 高 使 用 效率 。 很 多 应 用 会 通过 用 户 的 浏览 历史 了 
解 其 使 用 习惯 ， 据 此 做 出 适当 调整 。 


用 户 点 击 进入 “出 发 ”(De6part ) 选项 时 ， 系 统 会 自动 显示 
一 些 地 点 供 用 户 选 择 。 此 类 应 用 程序 的 主要 用 途 是 搜索 常用 
路 线 ， 而 第 用 路 线 的 数量 有 限 ， 所 以 上 述 方法 非常 恰当 。 


Ma position 
Gare dHerblay 


Paris Saint-Lazare 


AIZIEIRITIYIUIIIOIP 


通过 分 析 用 户 的 使 用 习惯 ， 设 计 者 可 以 简化 用 户 经 营 使 用 的 功能 。 程 序 把 用 
户 不 断 重 复 的 行为 视 为 用 户 偏好 ， 借 此 提高 效率 。 另 外 ， 用 户 面 对 这 种 调整 变 
化 ， 会 觉得 此 款 应 用 十 分 理解 目 己 ， 因 为 系统 在 用 户 提 出 要 求 之 前 就 已 经 给 出 了 
满意 的 答复 。 应 用 程序 INBOX 就 使 用 了 上 述 规则 。 


不 每 用 户 输 入 收 件 人 人 地址， 程序 就 列举 


have you ever worked on styling a medano?’ Lean 


a 出 最 常用 的 收 件 人 ， 让 用 户 直接 点 击 写 
Ce 言 。 但 用 户 仍然 可 以 从 新 建 空白 邮件 开 
— oe. A 始 操作 。 这 样 一 来 ， 如 果 用 户 在 一 天 之 


Product Recerrrmnende0onad anwyres the purchase 


Device authorization needed 4 内 两 次 写 信 给 同一 个 熟人 ’ 操作 就 变 得 


TearViewer Sgn n Corfrmaton 


Hello Fan Yang Your socoumt was used 10 siga in 简单 多 T | 


MuseScore | Complete your MuseScore.. -7 
MuseScore 

Dear kinkiyf, Welcorne to MuseScore! To activate y 
Recommended courses for you ~ 
Coursera 

Most Popular & Starting Scar Ready to learn som 
“Confessions of a Happy introvert” publi. 7 
Modis Daty Digest 

Medes Daty Doest Punished by Authors M 


5 Why Does Hawaii Love Canned 
Ressa 
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但 是 ， 如 果 设 计 者 希望 依据 每 一 位 用 户 的 俩 好 为 其 提供 独一无二 的 用 户 体 
I, WSU ERIE! 满足 用 户 需 要 的 时 机 非常 重要 : 在 用 户 与 移动 应 用 的 互动 
We An, BAAR. 


eecco Orange F 3G 19:54 T 74 % mD 应 用 程序 
PROCHAINS TRAINS TRANSILIEN 


seooo Orange F 3G 18:50 756% 


SNCF TRANSILIEN 国 


= & © 


A Gare de départ 


(Fontan 0O 


TRAINS ITINÉRAIRES ACTUALITES 


图 Ctiquez ici pour créer vos trajets favoris 


Q ,20s Paris Saint-Lazare > Herblay > 


19h52 
x) le 26/08 Parts Saint-Lazare > Herblay b 


A Plus d'applications d'information v 


Ja F suc om 
À kes 
5 D 
@, > 
i. le 26/08 Paris Saint-Lazare > Herblay 
s.. 省 习 四 了 … 
ares 5 Accued Podeu tare infos Topc teerares Pis 


点 击 红 色 按 键 “下 一 班 列 车 ”( Prochains trains )， 用 户 可 以 看 到 最 近 一 次 的 搜索 结果 。 用 
户 往往 采用 同样 的 线路 ， 因 此 不 必 每 次 都 重新 输入 搜索 数据 。 这 种 办 法 很 好 ， 但 应 该 尽 
早 在 互动 过 程 中 展现 。 如 果 在 首页 上 就 直接 显示 出 用 户 最 近 一 次 的 搜索 结果 ， 会 大 大 提 
高 效率 。 因 为 对 与 已 保存 “收藏 路 线 ” 的 用 户 来 说 ， 显 示 “ 最 近 搜 索 结 果 ”( Derniéres 
recherches ) 属于 核心 功能 。 
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7 A 
协调 一 致 


提高 移动 终端 使 用 效率 的 最 后 一 种 方法 : 紧 跟 用 户 习 惯 。 用 户 使 用 的 每 一 项 
服务 都 能 暴露 出 他 认为 “ 行 得 通 ” 的 思维 模式 。 如 果 设 计 者 能 够 紧 紧 抓 住 这 种 思 
维 模式 ， 就 更 有 可 能 提高 效率 一 一 更 快 地 找到 答案 ， 犯 更 少 的 错误 。 

但 是 ， 这 种 思维 模式 到 底 包含 着 什么 呢 ? 答案 很 简单 ， 用 户 在 使 用 过 程 中 所 
有 看 到 和 体会 到 的 一 切 : 

。 屏幕 上 各 种 元 素 的 布局 ; 

。 系统 的 运作 行为 ; 

。 HHE; 

。 推荐 功能 。 


人 们 总 是 偏爱 自己 已 知 的 事物 ， 因 此 思维 模式 更 显 重 要 一 一 尽管 人 们 往往 不 
愿意 承认 这 一 点 ! “多 看 效应 ”已 经 证 明了 一 个 事实 : 人 们 更 喜欢 上 自己 曾经 遇见 
过 的 事物 。 而 刺激 效应 让 人 们 偏好 熟悉 事物 的 可 能 性 进一步 增加 。 如 果 读 者 有 闪 
趣 进 一 步 了 解 这 一 话题 ， 可 以 阅读 罗伯特 LRR (Robert Zajonc ) 在 社会 心理 
学 方面 的 著作 。 


设计 一 致 性 原则 

设计 者 必须 首先 与 目 己 达成 一 致 : 在 理想 情况 下 ， 设 计 者 在 固定 终端 、 平 板 
电脑 、 智 能 手机 上 推出 移动 应 用 的 核心 元 素 和 行为 必须 协 幸 一 致 。 用 户 可 能 通 
过 不 同 终 冰 使 用 同一 称 应 用 。 如 果 不 同 平台 上 的 结构 性 元 素 不 一 致 ， 会 让 用 户 
迷惑 不 解 。 

当然 ， 设 计 者 可 以 根据 不 同 乎 全 推出 不 同 的 内 容 与 用 途 ， 但 结构 性 元 素 必 须 
保持 不 人 概 。 我 们 发 现 ， 最 大 的 问题 是 各 个 元 素 在 屏 究 上 的 布局 比较 混乱 。 各 个 元 
素 在 屏 才 上 的 布局 会 在 用 户 心中 建立 起 驱动 反射 。 


设计 在 不 同 平 台 的 应 用 程序 之 间 也 要 保持 一 致 性 。 
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平板 电脑 应 用 程序 
FORTUNEO 

#1 DESKTOP 的 
S M l M M 移动 终端 网 站 
E E FT sr 


re Synthese globale tous comptes 


CLEESE a nce pte 
a Lame 全 ai z 


EI Campie rerent 
= Apini eh jij h Fwi Meri 


FPSO BLA i i + braai in ir W 


- Dabi b i Fors 


.Rh HAEA A ahaa ee 
a Lived + E; 
ROLIGE Rr + a pin 本 了 icii ne E 
Parrainez vos proches Bam Bons réflexes sécurité o 
tn ei er i $È Fane Fe A ETE eT Gee Pi gear poe 
Burti par pirni . E-ri p Garh Dab era EP P hit 
a i Ba h E rir EE, dane dë nec, Depo enc. our Hr 


Sherk, eee raglan jasi bee estas gee weet 
rE 


Ai [ett EU Eh i 


[| 


| comm palement 2408 brooklyn 


cari 20/08 les 2 stations paris 


carte 24/08 etsy.com - field elaycom 


carte 24/08 etsy com brookhon 67.00 usd 


Ny 


在 两 个 不 同 的 账户 查询 平台 上 ,“ 退 出 账户 ”选项 位 置 不 同 ， 一 个 在 右上 角 ， 一 个 在 左下 
角 。 这 会 大 大 降低 用 户 的 使 用 效率 ! 况且 ， 页 面 中 的 数据 内 容 很 敏感 ， 很 多 用 户 都 会 想 及 
时 退出 账 尸 。 
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应 用 程序 MAIL 和 
MESSAGES 


平板 电脑 应 用 程序 


160 


CANAL 
FOOTBALL 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


BT, Femi Bee 


设计 者 不 但 要 注意 在 目 己 设计 的 应 用 程序 中 保证 协调 一 致 ， 还 要 注意 与 其 他 
应 用 程序 保持 相对 的 一 致 性 。 因 为 用 户 在 某 一 个 网 站 浏览 或 者 使 用 某 一 个 应 用 程 
序 的 时 候 ， 他 的 习惯 与 反应 都 是 从 其 他 地 方 习 得 的 。 


Votre Assurance Maladie 
relevé de eee d'aoû.. 


UCHER, Votre re 
vit "4 


Linxo 
Synthése mensuelle 
ao0t 2014 Maitrisez votre a 


2014 Comptes courants & cartes Cx 
eT Linkedin 
las fantaste da Anna Cla 
Miso à jour à l'instant [A 
ass 


在 同样 的 平 侣 上， 两 蒜 邮 件 应 用 程序 的 撰写 新 邮件 功能 所 处 位 置 完全 相反 : MAIL 在 下 方 ， 
MESSAGES 在 上 方 ， 还 好 二 者 都 靠 右 侧 。 这 种 不 一 致 导 致 用 户 效率 降低 : 用 户 必 须 学 习 
Hm, MEHA REE AREA 


FCNANTES ] . 2 PARIS SAINT-GERMAIN 


TEX aA ER A, HRE IA H RE pi. TI Sj BP Br FB 
MAIL 用 来 标记 未 读 邮 件 的 方法 相同 。 这 是 一 种 或 励 用 户 观 看 所 有 视频 的 好 方法 。 
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注意 ， 这 并 不 表示 所 有 移动 终端 的 应 用 程序 都 应 该 彼此 相似 ! 在 设计 交互 界 
面 时 ， 设 计 者 首先 应 该 深入 了 解 用 户 所 知 的 一 整套 惯例 或 典型 行为 。 一 种 含义 很 
少 仅 对 应 一 种 符号 ! 


典型 行为 是 一 种 人 类 采取 的 反射 性 行为 。 我 们 可 以 将 其 比 作 人 们 使 用 某 种 
事物 时 的 天 生 直 觉 。 比 如 ， 为 了 提高 音量 ， 人 们 自然 而 然 地 会 把 控制 器 向 上 调 而 
不 会 向 下 调 。 


应 用 程序 MAIL、 


seec5 OrangeF 3G 18:01 了 00% T MAILBOX 和 
< Boites Toutes Modifier GMAIL 
| Q. Recherche 
i 2 > a <contents.jpeg> Cherie) Amelie 
Votre Assurance Maladie hier > BOUCHER, Votre relevé de rembourse... 
Votre relevé de remboursement d’aod... Votre relevé de remboursement d'août 2014 
Cher(e) Amelie BOUCHER, Votre relevé Nicolas 18:00 Cherie) Amelie BOUCHER, Votre relevé de 
de remboursement d'août 2014 est di... Info 
Hello ! Comment vas-tu ? J'ai Nicolas 
@ Nicolas 18:00 > Commence hier à info 
re ! Comment vas-tu ? J'ai Linxo 15:43 Hato ! Comment vas-tu ? J'ai commence 
y À i Synthèse mensuelle > 
commence hier a aodt 2014 Maitrisez votre argent acdt Free Haut Debit 
2014 Comptes courants & cartes Com... [Free] Souscription a une chaina de televi 
Linxo 15:43 > Cherie) Freenaute, Contormiment à votre 
mensuelle Invitations Linkedin 15:58 
août 2014 Maitrisez votre argent août Découvrez les contacts de Anne-Ci... Linxo 
2014 Comptes courants & cartes Co... Découvrez les contacts de Anne-Claude, Santiso mensuel 
SON parcours et plus encore Anne-Cia... ge i — 
bût 20 aitrisez votre argent août 20 
Invitations Linkedin 11:17 > men 
DAseiees las cantaste da Anne iar: = : r 
Mise à jour à l'instant Ti Des offres attractives pour tous |... facture@serviceciient.ve. 
1 non lu 


Bienvenue Pour profiter au mieux de la Véolia Eau : Notification de documents då 


MAIL, MAILBOX 和 GMAIL 用 了 三 种 不 同方 式 标明 未 读 邮 件 ， 尽 管 标 记 方 法 各 异 ， 但 
效果 都 令 人 满意 。 


此 外 ,设计 者 还 可 以 通过 产品 的 主要 元 素来 体现 对 惯例 的 导 重 ， 如 导航 、 说 
明文 字 、 平 台 相 天 的 结构 行为 等 。 除 此 之 外 ,设计 者 还 拥有 广大 的 目 由 发 挥 空 
间 。 因 此 ， 我 们 经 第 能 看 见 既 符合 大 众 标准 又 朝 显 出 十 足 个 性 的 移动 应 用 。 
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效率 指 的 是 在 不 犯错 误 的 前 提 下 迅速 达到 目标 的 能 力 。 和 其 他 平台 
相 比 ， 效 率 在 移动 终端 上 显得 更 加 至 关 重 要 ! 


每 一 步 操作 都 要 精打细算 : 如 果 设计 者 要 求 用 户 进行 操作 ， 那 么 用户 
为 此 付出 的 精力 必须 物 有 所 值 。 对 于 预测 使 用 频率 最 高 的 操作 行为 ， 设 计 
者 应 该 更 加 重视 。 


预测 用 户 需求 : 理想 的 情况 是 ， 设 计 者 在 用 户 表 达 需 求 之 前 就 能 预先 
予以 满足 。 


设计 快捷 方式 ， 让 了 解 应 用 程序 并 希望 迅速 找到 所 需 功能 的 用 户 提 


= 
EX Zh Be 
高 效率 。 


在 填写 表格 时 ， 记 得 提供 默认 数据 作为 预 设 输入 ， 或 者 提供 输入 频 
率 较 高 的 数据 作为 备 选 答案 。 为 表格 选择 恰当 的 数据 ， 尽 可 能 减少 用 户 填 
写 表格 所 花费 的 精力 。 


能 可 供 性 更 强 。 要 特别 关注 以 文字 为 主 的 交互 界面 ， 在 这 种 界面 中 ， 用 户 
往往 不 太 容易 发 现行 为 召唤 。 


让 用 户 目 行 完成 个 性 化 设置 未 必 是 个 好 主意 。 这 种 偷懒 的 办 法 有 时 
不 能 真正 解决 问题 。 最 好 的 方法 是 : 研究 使 用 数据 和 用 户 的 浏览 历史 ， 让 
产品 满足 用 户 甚 至 疫 有 明确 表达 的 要 求 。 


如 果 移动 应 用 在 各 种 平台 上 的 用 户 体验 设计 能 保持 协调 一 致 ， 借 鉴 
用 户 在 其 他 程序 中 见 过 的 通行 惯例 ， 那 么 使 用 效率 就 会 提高 。 用 户 不 必 重 
新 学 习 使 用 方法 ， 自 然而 然 会 感到 得 心 应 手 。 元 素 的 布局 、 说 明文 字 、 用 
户 行为 … 一 切 都 很 重要 ! 


EN TEX 
Oe 
EN TEX 
NV AV A 


eee cis 
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等 待 ， 是 移动 终端 用 户 最 突出 的 体验 。 疫 人 喜欢 等 待 ， 有 时 却 无 能 为 力 。 移 
By eS win AY (SE SRR SE SINE. KAR: 发 展 至 今 
日 ， 人 们 从 未 像 今天 一 样 与 互联 网 紧密 相连 ， 但 移动 终端 产品 所 处 的 困境 却 和 互 
联网 在 诞生 之 初 所 面临 的 难题 别 无 二 至 。 人 们 天 真 地 以 为 ， 网 页 加 载 耗 时 过 人 入 的 
问题 早已 解决 ， 谁 知 在 移动 终端 上 却 遭 遇 到 更 可 怕 的 梦 寿 。 

在 移动 过 程 中 ， 无 线 网 络 的 连接 状况 往往 差强人意 ， 但 这 并 不 是 导致 用 户 经 
受 漫 长 等 竺 的 唯一 元 凶 。 移 动 终端 用 户 体验 最 核心 的 问题 是 “中 断 ”: 智能 手机 
的 使 用 过 程 变 化 无 第 ， 浏 贤 移 动 网 络 的 行为 “ 命 县 一线”"。 其 实 ， 移动 互联 网 的 
使 用 体验 就 是 无 数 次 重新 连 授 、 不 候 地 中 汤 、 从 一 个 服务 跳 到 另 一 个 服务 、 私 人 
生活 和 职业 生活 混 成 一 团 …… 这 种 混乱 无 序 增 加 了 等 待 的 几率 ， 让 等 待 问题 越 来 
越 严 重 。 用 户 不 仅 要 等 待 进 入 某 个 应 用 程序 、 加 载 某 个 页 面 ， 而 且 在 分 心 导致 操 
作 和 错误 之 后 ， 还 要 被 迫 等 竺 返回 从 琢 的 页 面 。 

用 户 既 能 在 移动 中 联网 ， 又 能 随时 随地 进入 网 页 ， 为 此 ， 他 们 也 只 能 一 再 
妥协 : 用 户 甘愿 默默 忍受 ， 因 为 他 们 知道 为 什么 等 待 ， 其 至 认为 等 竺 非 负 重要 。 
但 作为 设计 者 的 我 们 却 也 篆 稼 字 手 劳 观 。 “移动 ”领域 时 业内 人 士 经 营 忽 视 等 
待 的 困扰 。 极 少数 天 注 等 每 时 间 的 业内 和 人士 分 为 两 派 : 一 派 注重 技术 层面 ， 认 
为 这 是 产品 性 能 问题 ， 是 对 移动 终端 硬件 品质 的 挑战 ; 另 一 派 注重 营销 层面 ， 
他 们 想到 的 是 如 何 让 等 待 更 适应 市 场 价值 。 想 从 页 面 设计 有 所 突破 的 设计 者 真 
EAER ! 


然而 不 夸张 地 讲 ， 加 载 页 面 是 应 用 程序 中 最 重要 的 环 万 。 移 动 应 用 设计 者 的 
职责 不 是 同 用 户 许 话 提 供 一 场 绝 佳 的 用 户 体 验 ， 而 是 营造 出 一 座 与 世 隔 绝 风 绷 牙 
境 ， 人 为 制造 舒适 的 体验 感 。 处 理 用 户 体验 中 的 各 种 不 快 也 是 设计 者 的 职责 ， 设 
计 者 不 能 视而不见 ， 应 当 尽 量 挽救 这 些 缺 后 。 


我 在 本 章 中 列举 了 很 多 智能 手机 的 案例 ， 因 为 等 待 问题 在 智能 手机 上 表现 
得 更 加 突出 。 当 然 ， 平 板 电脑 上 也 存在 等 待 时间 长 的 缺陷 ， 需 要 解决 。 另 外 ， 设 
计 者 对 应 用 程序 中 的 等 待 问题 有 更 强 的 掌控 能 力 ， 所 以 下 文 更 多 关注 了 应 用 程序 
而 非 移 动 终端 网 站 的 设计 。 尽 管 如 此 ， 很 多 建议 完全 还 用 于 移动 终端 网 站 页 面 的 
优化 设计 。 


i 
ii 


行 体验 


x 


A “SEER? 


eee “等 竺 时刻” 的 设计 ， 我 们 首先 需要 了 解 在 移动 终端 上 的 
待 ” 是 什么 。 几 个 具体 例子 或 许 能 唤起 读者 的 切 刁 感受 ， 展 现 等 待 页 面 在 移 
用 尸体 验 中 占据 的 重要 地 位 。 


yà 


mn Fi uae tinse 应 用 程序 CINE 


{75016 LOISIRS, 
i APPLE STORE, 
ALLORESTO, 
LE KIOSK, 


GOOGLE DOCS 和 
GOOGLE DRIVE 


CINEMUD 


aoo Free Fa 


Les BD 
les plus lues 


移动 终端 用 户 面 对 最 多 的 页 面 就 是 等 待 页 面 。 


这 些 等 待 页 面 毫 无 意义 ， 把 用 户 置 于 完全 被 动 的 境地 : 用 户 无 所 事 事 ， 只 能 果 
录 地 等 待 页 面 加 载 。 这 些 页 面 的 问题 在 于 ; 整个 页 面 全 部 指向 一 个 活动 等待 
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弗 亲 斯 与 奥 尔 西 尼 在 定义 “暂时 行为 ”时 说 过 :“ 活 动 不 再 指向 需要 完成 的 
行动 ， 而 是 针对 如 何 适应 延迟 ” 。 人 们 在 等 待 的 时 候 会 失去 目标 ， 这 是 认 知 和 心 
理 上 不 可 忽视 的 代价 。 弗 茉 斯 与 奥 尔 西 尼 还 表示 ， 等 待 “需要 时 刻 准 备 行动 ， 但 
又 不 能 实施 行动 ， 注 意 也 不 能 转移 。 然而 众所周知 ， 移 动 中 的 用 户 很 容易 分 心 ， 
更 何况 他 还 有 其 他 选择 。 用 尸 可 以 转 而 选择 竞 争 对 手提 供 的 产品 ， 甚 至 索性 放弃 
正在 做 的 事情 。 


Soasta 公司 的 报告 显示 ,“ 如 果 网 页 加 载 时 间 过 长 ， 超 过 1/4 的 用 户 表示 会 
选用 竞争 对 手 的 网 站 ( 28% )， 或 者 表示 不 再 信任 该 网 站 (27% )”。( 信息 来 源 : 
SOASTA 2013 Website and Mobile App Report ) 


为 了 不 出 现 等 竺 页面 ， 设 计 者 往往 在 技术 层面 寻找 解决 方案 。 这 确实 是 根本 
的 解决 办 法 ， 的 确 应 该 优 和 匈 考 虑 。 但 如 果 经 过 技术 层面 的 高 度 优化 后 ， 问 题 仍然 
仔 在 ， 这 该 怎么 办 ? 要 么 就 此 认输 ， 要 么 从 用 户 体验 角度 寻求 出 路 。 


实际 圭 竺 时 间 与 感受 等 竺 时 间 
实际 等 待 时 间 与 感觉 等 待 时 间 存 在 巨大 差距 。 人 们 在 交通 工具 上 实际 度 过 
1 分 钟 ， 感 党 上 可 能 相当 于 3 分 钟 。 设 计 痢 没 办 读 改 要 实际 等 竺 时间， 但 可 以 通 
过 各 种 设计 手段 让 用 户 感 党 到 的 等 待 时 间 并 没有 那么 人 。 设 计 者 要 让 现实 情况 杰 
得 看 上 去 没 那 么 严重 ， 并 尽量 予以 缓和 。 
设计 者 在 理解 了 影响 人 们 感觉 时 间 长 短 的 因素 后 ， 才 能 更 好 地 筝 控 感 觉 等 符 
时 间 。 入 们 在 以 下 情况 中 会 感到 时 间 格 外 漫长 。 
。 搜寻 重大 、 敏 感 的 信息 时 : 阅读 银行 顾问 的 回复 、 阅 读 悉 人 的 回信 、 搜 寻 
重要 约会 地 点 的 地 址 、 打 开 一 份 重要 文件 ， 等 等 。 
。 任务 本 刁 具 有 时 间 压 力 ， 活动 具有 时 间 限 制 : 为 持续 时 间 短 的 场景 拍摄 昭 
Ay HPS. iW RR DLAI A BS Ic. 
。 使 用 环境 压力 大 : 尤其 在 尸 外 ， 或 环境 不 够 安全 ， 或 希望 保持 一 定 私密 
性 ， 如 在 课 泽 上 、 餐 加 上 、 开 会 时 。 


© P.FRAISSE, F.ORSINI, Etude des conduites temporelles. I. L’attente, dans L’année 
psychologique. 1955. vol. 55, n° 1. pp. 27-39 
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。 反复 等 竺 。 
任 上 述 情境 中 ， 本 草 提 出 的 建议 更 显得 至 天 重要 。 为 了 寻求 恰当 的 设计 解决 
方案 ， 让 我 们 有 具体 研究 一 下 管理 等 待 时 间 的 儿 条 原则 。 


党 理 进 入 程序 前 的 等 待 时 间 


管理 用 户 等 竺 时 间 的 第 一 条 原则 是 : 在 相应 时 刻 ， 把 用 户 安置 在 合适 的 地 
方 。 好 比 在 束 医 前 ， 病 人 如 果 在 诊所 外 等 待 就 会 感觉 时 间 过 得 慢 ， 如 果 进 入 候诊 
室 ， 病 人 会 觉得 很 快 束 能 见 到 医生 了 。 同 理 ， 人 们 在 等 竺 进入 程序 时 总 是 感 党 时 
间 流 逝 得 特别 慢 ， 进 入 程序 后 会 感 党 时 间 过 得 飞快。 那么 ， 怎 样 才 能 在 移动 应 用 
上 为 用 户 模仿 进入 “候诊 室 ” 的 感觉 呢 ? 


限制 使 用 启动 画面 

为 了 给 用 户 营造 出 已 经 进入 程序 的 感觉 ， 首 先 应 该 避免 使 用 启动 画面 
(splash screen )。 不 少 移动 应 用 都 喜欢 在 真实 进入 程序 前 使 用 这 种 插播 式 页 面 ， 
但 启动 画面 在 感觉 上 如 同 挡 在 用 户 面 前 的 “一 堵 高 墙 "。 在 21 世纪 初 ， 互 联网 网 
站 到 处 充斥 着 启动 画面 ， 后 来 人 们 决定 放弃 这 种 设计 ， 谁 知 现在 卷土重来 …… 


Le Monde.fr 


在 程序 局 动 时 呈现 局 动画 面 有 两 个 作用 : LEA Pit eee re oa; TAI, 


《世界 报 》、 LA 
FOURCHETTE 和 
SWARM 的 应 用 程序 
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用 图 画 做 营 请 。 诚 然 ， 如 果 忆 动画 面 精 美 动 人 ， 确 实 能 让 用 户 眼 前 一 党。 但 这 也 
是 问题 所 在 。 局 动画 面 除 了 “漂亮 ”之 外 ,往往 无 法 提供 其 他 优秀 的 移动 终 冰 用 
户 体验 。 

所 以 ， 如 果 局 动画 面 只 有 漂亮 的 外 表 ， 设 计 者 最 好 不 要 当 费 太 多 功夫 ， 而 
应 该 考虑 如 何 对 用 户 等 待 的 感觉 施 加 影响 。 然 而 ， 很 多 局 动画 面 起 到 的 效果 适 
得 其 反 。 


再 次 强调 ， 这 里 所 说 的 “等 待 时 间 ” 并 不 是 现实 的 时 间 长 度 ， 而 是 用 户 的 
个 人 感觉 。 


不 适合 使 用 启动 画面 的 情况 
移动 应 用 的 使 用 环境 和 实际 用 途 各 有 不 同 ， 局 动画 面 的 适应 性 也 可 高 可 低 。 
但 在 以 下 情况 中 ,设计 普及 用 局 动画 面 时 应 更 加 并 惯 ! 
。 移动 应 用 重复 使 用 的 频率 高 : 用 户 每 天 都 要 数 次 局 动 同 一 蒜 移 动 应 用 ， 而 
且 和 希望 快速 使 用 ， 如 音乐 、 收 音 机 、 新 闻 速 报 、 天 气 预报 、 社 交 网 络 、 亲 
钟 等 。 
。 移动 应 用 重复 使 用 的 时 间 短 : 用 户 每 天 数 次 局 动 移动 应 用 ， 但 每 次 使 用 时 
HR, Wea Stites. MAH, REAR RSS 
。 用 户 意识 到 使 用 环境 有 潜在 危险 : 行走 在 大 街 上 或 乘坐 交通 工具 时 。 
。 活动 本 吴 具 有 时 间 压 力 或 者 紧迫 性 : 移动 过 程 中 、 回 复 信息 邮件 。 
在 上 述 情境 中 ， 切 记 不 要 让 局 动画 面 的 持续 时 间 过 长 : 如 果 必 须 以 局 动画 面 
履 震 加载 时 间 ， 应 务必 尽快 切入 程序 。 
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Spotify 


P METEO FRANCE 


FAP AR AT BEER BORE ATT. M E WAR, E HAM A AEIR PRE 
入 应 用 程序 的 感 党。 注意， 我 说 的 是 “感觉 "， 即 用 户 的 体验 ， 并 非 实际 进入 应 用 程序 
的 时 长 。 


SPOTIFY, 

法 国文 化 广播 电台 、 
法 国 气象 台 和 
《解放 报 》 的 

应 用 程序 
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巴黎 公共 交通 管 
理 局 、 WAZE 和 
GOOGLE MAPS 的 
应 用 程序 


《美国 国家 地 理 》 
杂志 推出 的 应 用 程序 
NATIONAL PARKS 
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用 户 在 移动 过 程 中 局 动 应 用 程序 ， 却 看 到 了 局 动画 面 ， 这 是 一 个 典型 错误 : 用 户 无 论 在 查 
阅 地 铁 交 通路 线 、 局 动 卫 星 定 位 系统 还 是 查找 约 会 地 址 的 时 候 都 需要 简单 、 迅 速 …… 总 
之 ， 用 户 不 愿意 感到 被 一 个 页 面 阻挡 。 


相反 ， 如 果 使 用 环境 没有 过 多 时 间 压 力 ， 或 是 设计 痢 希 望 借 局 动画 面 让 用 户 
从 中 受益 ， 那 么 对 于 使 用 时 间 较 长 的 应 用 程序 来 说 ， 可 以 接受 局 动画 面 。 另 外 ， 
如 果 应 用 程序 要 求 用 户 在 登录 后 才能 使 用 ， 也 适合 采用 局 动画 面 : 第 一 个 页 面 不 
仅 用 于 展示 应 用 程序 ， 还 能 让 用 户 填 信用 户 名 和 密码 后 完成 登录 。 此 时 ， 应 用 程 
序 在 “诱惑 ”用 户 ， 等 待 无 伤 大 雅 。 


这 是 《美国 国家 地 理 》 杂 志 为 国家 公园 
GEOGRAPHIC 设计 的 应 用 ， 启 动画 面 展示 的 照片 异常 
优美 。 鉴 于 此 款 应 用 程序 的 用 户 的 兴 
点 ， 加 之 用 户 启动 该 程序 的 频率 不 会 太 
高 ， 启 动画 面 更 容易 为 人 接受 。 


NATIONAL 
GEOGRAPHIC 
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“TRTI” 的 局 动画 面 有 何不 可 ? 


既然 一 切 的 天 调 在 于 用 户 的 感觉 ， 何 不 索性 在 局 动画 面 时 平面 设计 上 多 下 些 
功夫 ， 让 它 不 再 像 一 个 广告 ? 


200 Free 3 Poe D i E + 


法 国 国 家 铁路 公司 的 
应 用 程序 VOYAGES 


sncf.com SNCF 


MES RECHERCHES 


Fk re 


用 户 看 到 启动 画面 时 会 认为 程序 会 在 公司 标志 下 方 加 载 。 此 球 程 序 的 新 版 本 已 不 再 使 用 这 
幅 画 面 ， 但 仍 展现 春 同 样 的 效果 : 更 传统 的 启动 画面 引发 的 “局 增 ” 感 比较 小 。 


插播 式 广 告 让 感觉 等 待 时 间 延 长 
理论 上 ， 如 果 单 看 等 待 问题 ， 用 专属 页 面 展现 广告 ， 并 让 页 面 与 服务 内 容 共 
现 ， 这 似乎 可 以 接受 。 但 是 ， 和 前 文中 谈 到 的 启动 画面 一 样 ， 播 播 式 广告 会 令 用 


余 步 又 。 

如 果 设 计 者 硕 青 展示 广告 元 素 ， 只 有 两 种 可 能 性 : 要 么 在 人 机 交互 之 前 或 过 
程 中 使 用 插播 式 页 面 ， 要 么 让 广告 完全 骨 入 应 用 程序 中 。 必 须 承 认 ， 大 多 数 通 入 
HUD eR MELE A Bese: 凑 乱 的 版 式 、 粗 糙 的 质量 ， 广 告 会 像 “ 污 染 ” 一 样 始终 显 
示 在 页 面 上 。 
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LEXPRESS | 


i Sn continu 
5 Antoroates: pas de 


hausse du prix des 
WG Peapes au ter février 


VIDEO. Hollande: 70 
AN. ans après Auschwitz, 
eee "les juifs vivent ercon... 


INTERNET HAUT DEBIT" chor a agai 
! vous pabdales dans ln 


160 CHAINES TY choucroute!” 


APPELS ILLIMITES 
Supprimer le 


EOI $ redoublement, ane 


bonne idie? 


Bouygues i) , *. AA Disaccord à PUMP sur 


= la “guerre contre notre 
让 ation” de Sarkozy 


插播 式 广 告 让 用 户 感 党 等 待 时 间 延 长 ， 而 且 广 告 始终 不 会 消失 ， 让 人 难以 忍受 。 


设计 者 可 以 选择 的 方法 总 结 如 下 。 
。 插 播 式 广告 ， 类 似 传统 的 电视 广告 ， 会 让 用 户 感觉 等 待 的 时 间 较 长 ， 可 能 
成 为 用 户 不 容 忽视 的 逃离 点 ; 但 优点 是 广告 内 容 明 确 清晰 。 
e RAR E: 在 网 站 或 应 用 程序 上 展现 对 入 式 广告 不 会 阻碍 用 户 的 正常 使 
用 ， 但 广告 会 始终 显示 在 页 面 上 。 很 明显 ， 这 种 所 谓 “本 地 ”广告 与 网 站 
或 应 用 程序 的 内 容 融 为 一 体 ， 用 户 不 会 感觉 等 待 时 间 变 长 。 但 它 的 清晰 度 
会 有 问题 ;传统 的 长 条 形 广告 至 少 还 能 够 让 用 户 明确 认 出 这 是 一 则 广告 。 
如 果 这 种 从 传统 文案 广告 衍生 出 来 的 全 新 广告 形式 确实 能 带 来 附加 值 ， 为 
何不 用 ? 但 假如 一 切 只 是 表面 文章 ， 这 种 广告 只 会 让 用 户 感 到 受骗 上 当 ， 
更 加 恼火 。 

我 们 该 遵循 什么 建议 呢 ? 理想 主义 人 体 工程 学 家 会 建议 你 避免 广告 ， 但 我 们 
行业 纪律 是 寻找 折 中 办 法 。 广 告 无 非 又 是 设计 中 的 一 个 约束 ， 和 其 他 约束 没有 区 
别 ， 设 计 者 要 尽量 考虑 周全 ， 即 使 尝试 从 零 设计 也 在 所 不 辞 。 

。 插 播 式 广告 和 启动 画面 本 质 相 同 ， 可 以 用 同样 方法 思考 、 权 衡 ， 决 定 可 否 

加 入 插播 式 页 面 。 


。 尽量 避免 同时 使 用 插播 式 广告 和 局 动画 面 ， 这 往往 是 失败 的 组 合 。 
。 如 果 预 计 用 户 会 在 页 面 上 保留 时 间 较 长 ， 或 者 在 间断 性 使 用 时 ， 每 次 持续 
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时 间 比 较 长 ， 那 么 不 要 在 该 页 面 上 使 用 藤 入 式 广 告 。 
。 一 定 要 二 选 一 ! BARB A. XERA G, BRASS LIE. 
。 如 果 设 计 者 选择 插播 式 广告 ， 需 注意 以 下 几 点 。 
-把 广告 限制 为 每 天 一 则 。 如 果 移 动 应 用 的 使 用 频率 很 局 ， 这 种 方法 可 以 
减轻 广告 造成 的 负面 影响 。 
一 限制 广告 时 长 ， 不 要 强迫 用 户 目 己 手动 天 闭 广告 ， 这 种 方法 最 为 
LÍT o 
一 REGGE RA) EA EM E o 
一 有 些 设计 者 喜欢 先 迅 速 展示 应 用 程序 ， 然 后 显示 广告 。 对 用 户 来 说 ， 这 
种 “ 钓 邹 ”设计 让 人 不 快 。 不 过 ， 这 种 方法 能 让 用 户 移 看 到 想 看 的 内 
容 ， 比 起 一 上 来 就 展示 吊 员 到 人 的 广告， 用 户 中 途 放弃 的 几率 降低 。 用 
户 预 先知 道 能 在 应 用 中 看 到 什么 内 容 ， 也 就 是 已 经 虚拟 地 进入 了 程序 。 
不 过 ， 用 户 很 可 能 把 广告 当成 程序 的 正式 内 容 ， 结 果 误 点 了 广告 。 这 也 
是 一 个 缺点 。 


。 如 果 设 计 者 选择 般 入 式 广告 
一 把 租 入 式 广告 放 在 屏 响 边缘 ， 用 户 可 以 更 容易 地 无 视 广 告 。 在 理想 情况 
F, J EMTA, SA, Bieter RZ ASMA o 


一 不 要 使 用 无 论 怎 么 上 下 浏览 滚动 页 面 ， 都 和 在 屏幕 上 不 动 的 广告 格式 ， 
用 户 在 阅读 文章 时 会 感到 不 便 。 
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LA CHAINE 
METEO 
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la chaine 


météo 


La melevwre info météo 


: 
e 
F i b 


CANALSAT 


MIKADO KING 
Maintenant 

nk EEr OF on a ma 
bout be chocolat. 


KING CHOCO 


#MIKADOKING "7 


用 户 每 次 打开 这 区 应 用 程序 都 要 经 历 3 个 页 面 才能 达到 实质 性 内 容 ， 过 程 实在 太 长 了 。 用 
户 原本 希望 在 5 秒 钟 内 获得 天 气 信息 ， 而 且 每 天 或 许 要 查看 数 次 ， 而 他 要 为 此 忍受 反复 出 
现 的 舱 入 式 广告 。 值 得 注意 的 是 : 局 动画 面 的 骨架 不 是 真正 意义 上 的 “骨架 ”。 


有 些 折 中 的 办 法 既 能 保留 插播 式 页 面 的 优点 ， 又 能 限制 其 缺点 : 不 要 把 整个 
页 面 都 用 于 插播 式 广告 ， 留 下 一 点 空间 ， 让 内 容 稍 微 显 露出 来 ， 这 样 可 以 降低 用 
户 流失 的 危险 。 


BORD 等 待 体验 


应 用 程序 
SE LOGER 
插播 式 广告 的 宽度 比 页 面 窄 ， 用 户 可 以 推测 出 应 用 程序 就 在 广告 下 面 。 这 种 方式 要 比 传统 
的 插播 式 广告 更 容易 为 人 接受 。 
最 后 一 条 建议 : 如 果 用 户 和 希望 迅速 使 用 应 用 程序 ， 在 进入 正式 内 容 前 不 要 以 
游戏 的 形式 推出 广告 。 否 则 ， 虽 然 用 户 的 等 待 时 间 并 未 加 长 ， 但 他 会 因此 怒火 中 烧 。 
丰田 汽车 公司 的 
应 用 程序 


借 洲 戏 之 名 、 行 广告 之 实 的 手法 要 慎 用 ! 尤其 是 当 用 户 可 能 因 等 待 而 无 比 烦 躁 的 时 候 。 
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TRANQUILIEN 
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模仿 进入 应 用 程序 


模仿 页 面 结构 

用 户 进入 程序 后 会 觉得 等 待 时 间 缩 短 ， 既 然 如 此 ， 设 计 者 大 可 在 这 方面 做 
些 文章 ， 让 用 户 感觉 在 不 断 推进 。 关 键 在 于 : 利用 包含 程序 各 项 结构 元 素 的 页 面 
“骨架 ”。 页 面 骨架 还 不 是 程序 本 身 ， 只 是 相似 而 已 ! 苹果 公司 的 产品 指南 建议 使 
用 类 似 的 “空心 ”页 面 。 


需要 强调 的 是 ， 这 种 方法 的 主要 目的 是 改 节 用 户 对 时 间 长 度 的 主观 感受 ， 而 
不 是 真 的 缩短 时 间 。 


Tranquilien 


第 一 张 图 是 应 用 程序 的 页 面 骨 架 ， 在 登录 时 展示 给 用 户 。 第 二 张 图 是 进入 应 用 程序 后 的 页 
面 。 两 张 图 非常 相似 ， 用 户 在 看 到 第 一 张 图 的 一 瞬间 以 为 自己 已 经 进入 了 程序 。 


对 比 页 面 骨 和 染 时 ,很 难说 清楚 哪个 页 面 骨架 属于 哪个 应 用 程序 。 这 不 重要 ! 
用 户 在 脑海 中 存 有 印 崩 ， 知 道 点 击 哪个 按钮 可 以 进入 应 用 程序 ， 使 用 目的 也 不 会 


Ta Wo 
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应 用 程序 
TRANSIT、 
GROUPON.、 
CAPITAINE TRAIN 
和 MESSAGER 


> 


E 


根据 不 同 的 显示 模式 ， 页面 骨 染 多 多 少 少 会 展示 出 来 ， 也 会 或 多 或 少 告 知 用 户 页 面 正在 
加 载 。 


Manda SV DU Te PSS 
设计 者 可 以 使 用 同样 的 技巧 逐渐 显示 程序 页 面 的 结构 元 素 ， 给 用 户 逐 渐 推进 
的 感觉。 
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AIRBNB 


应 用 程序 
COUPLE, 
INSTAGRAM 
和 GOOGLE 
HANGOUTS 
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bra 


Dcousrir 


Barcelone 


Dit pawn ws vug 


New York 


Tht EPEC Were 


页 面 骨 架 逐 渐 呈 现 ， 用 户 感觉 正 一 步 步 慢 慢 进 入 程序 。 用 户 虽 然 在 等 待 ， 但 感觉 互动 流程 
wA PEE. 


标志 性 页 面 骨架 

设计 者 在 页 面 骨 民 上 加 入 一 点 程序 的 专属 标志 ， 让 等 待 的 时 间 更 加 个 性 化 。 
设计 者 经 稼 将 品牌 的 颜色 用 于 等 竺 页面 上 。( 人 参见 前 面 的 例子 ) 在 不 与 页 面 骨 
淋 的 整体 设计 策略 相 冲 突 的 条 件 下 ,设计 者 还 可 以 把 品牌 标志 巧妙 地 放 在 等 待 
页 面 上 。 


‘ln tay Liv. 
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逐渐 显示 加 载 内 容 

让 内 容 随 着 页 面 加 载 逐 渐 显示 出 来 ， 这 样 既 能 缩短 用 户 感觉 到 的 等 待 时 间 长 
度 ， 又 能 缩短 真实 的 等 待 时 间 。 其 实 ， 很 多 移动 应 用 都 采取 了 逐渐 显示 加 载 内 容 的 广 
法 ， 用 户 可 以 在 页 面 没有 加 载 完 所 有 内 容 的 情况 下 开始 浏览 。 但 是 ， 这 对 加 载 策略 产 
生 了 一 定 影 响 ， 设 计 者 需要 考虑 优先 加 载 哪些 内 容 ， 以 什么 样 的 顺序 加 载 ， 等 等 。 


平板 电脑 应 用 程序 
逐渐 显示 加 载 册 面 的 做 法 既 影 响 真 ， HANDY 

实 的 等 待 时 间 (假如 用 户 对 首先 显 
示 的 元 素 感 兴趣 )， 又 影响 用 户主 
观感 受到 的 等 待 时 间 (用户 觉得 始 
终 在 向 前 推进 )。 


上 


设计 者 应 该 用 丛 代 品 填补 上 疝 未 加 载 的 图 像 位 置 ， 这 承 是 所 谓 的 鼎 位 符 。 设 
计 者 可 以 填补 上 能 反映 品牌 特征 的 占 位 符 。 


FRANCE INFO 
广播 电台 在 平板 
电脑 上 的 应 用 程序 


应 用 程序 在 全 部 照片 加 载 完毕 之 前 就 可 以 使 用 。 因 此 ， 在 图 片 完全 显示 之 前 ， 有 必要 显示 
全 部 文字 内 容 。 新 闻 题 目的 描述 性 最 强 ， 起 到 了 决定 性 作用 。 因 此 ， 这 种 管理 加 载 的 方法 
能 够 帮助 用 户 判 断 是 否 点 击 进 入 某 一 篇 报道 ， 阅 读 详 细 内 容 。 程 序 则 利用 用 户 进行 选择 的 
时 间 继 续 加 载 图 片 。 
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应 用 程序 e0000 Orange 34 r+ E 7 
Perec ei 有 使 产品 腿 片 尚未 加 载 完毕 ， 显 示 其 他 元 素 也 能 让 用 户 
产生 不 断 前 进 的 感觉 。 而 且 页 面 已 经 加 载重 要 信息 ， 
如 每 个 产品 的 降价 情况 ， 因 此 对 用 户 也 颇 有 帮助 。 
逐 湖 显示 加 载 内 容 的 方法 不 仅 适 用 于 应 用 程序 的 内 容 ， 也 适用 于 其 功能 。 设 
计 者 的 战略 要 点 是 : 根据 应 用 程序 的 性 质 ， 让 人 机 交互 的 核心 元 素 在 内 容 之 前 优 
先 展示 。 无 论 是 应 用 程序 还 是 其 他 类 网 络 页 面 的 加 载 ， 都 可 以 依据 这 一 原则 。 
应 用 程序 
INBOX、 
FOURSQUARE 和 Es kb @ RUEVICTOAIENSARDOU,PARIS (7) 
TAXIS BLEUS = 


在 INBOX 中 ， 用 户 可 以 在 收 件 箱 尚 未 显示 收 到 的 邮件 之 前 就 建立 新 邮件 。 在 


FOURSQUARE 中 ， 用 户 可 以 在 页 面 中 心 内 容 尚 未 加 载 的 情况 下 开始 使 用 程序 。 在 TAXIS 
BLEUS 中 ， 在 地 图 没有 生成 前 ， 用 户 已 经 可 以 确认 出 发 地 址 了 。 
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RLF H 


再 看 看 病人 候诊 的 例子 : BEAM EIR 2s BINA, KNEA 
理 一 一 如 果 病 人 有 事 可 做 ， 束 不 会 感到 等 竺 时间 太 久 。 让 我 们 看 看 如 何在 等 待 加 
ALAIN TER, WAA EH AHE. 


至 少 ， 千 万 别 纹 丝 不 动 ! 

第 一 个 技巧 是 动画 效果 。 用 户 看 到 : 有 些 事情 正在 发 生 ! 除了 起 到 充实 时 间 
的 作用 之 外 ， 动 画 效果 能 够 明确 展示 出 页 面 正 在 加 载 。 用 户 知道 系统 没有 死机 ， 
只 需要 耐心 等 着 就 行 。 动 画 效 果 是 最 起 码 的 方案 ， 也 是 大 多 数 情 况 下 采用 的 设计 
手段 。 另 外 ， 辅 以 说 明文 字 也 是 业界 种 用 的 方法 。 但 这 不 足以 真正 影响 到 用 户 对 
等 待 时 间 的 感觉。 

-FEE aie z z cs... OG Y 09:27 T BOOKING 的 移动 

D LAISSEZ VOTRE INDEX 终端 网 站 、 应 用 


程序 MONOPRIX 
COUP DE POUCE COURSES 和 


SHAZAM 


Booking 


MOMNOPRIX 


无 论 页 面 加 载 进 程 的 指示 图 是 什么 样子 ， 只 要 动 起 来 束 好 ! 动画 效果 最 好 配 上 说 明文 学 ， 
向 用 户 表 明 事情 正 在 向 前 推进 。 


避免 把 注意 集中 在 加 载 过 程 上 

加 载 进程 的 指示 动画 效果 也 有 潜在 危险 ; 用 户 会 把 注意 都 集中 在 加 载 这 件 事 
E, 等待 导致 的 压力 与 焦虑 感 倍增 。 用 户 在 大 多 数 时 间 里 不 会 意识 到 这 种 压力 与 
焦虑 的 存在 ， 但 在 本 章 开 头 描述 的 一 些 敏 感情 况 下 ， 压 力 的 防线 很 容易 被 突破 。 
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应 用 程序 SUPER 和 
CAPITAINE TRAIN 
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设计 者 的 目的 在 于 避免 让 用 户 盯 着 “时 钟 指针 ”看 ， 枯 等 页 面 加 载 。 前 文 曾 
经 所 a 到， 上 弗 采 斯 与 与 尔 西 尼 谨 过 寺 待 “需要 时 刻 准 备 行动 ， 但 又 不 能 实施 行动 ， 
注意 也 不 能 转移 。 ”所 以 天 键 在 于 ， 既 然 用 户 在 等 待 ， 就 不 要 让 他 从 目标 上 分 心 。 


为 此 ， 设 计 痢 可 以 采用 动画 效果 的 指示 图 ， 但 同时 一 定 要 搭配 其 他 元 素 。 不 
论 是 最 急 的 程序 下 载 ， 还 是 运行 过 程 中 间 的 页 面 加 载 ， 等 待 画面 一 旦 是 空白 的 ， 
束 失 去 了 任何 意义 。 用 动画 效果 指示 加 载 进 程 ， Frew ea A bee! 动画 
背景 缩短 了 用 户 感 沉 的 等 竺 时间， 帮助 用 户 把 注意 停留 在 目 己 的 任务 上 。 


LINK IT DONE 


CURRENT STATUS © | 
moe From Paris 


To Nantes 


Depart Today 


Return 
Passengers Fan 


Code 


A D D A LOCATION ? 
ADD A LINK? 


ANONVMICH 
ANONYMISH? FA att! 3 
| K L> 


保持 显示 功能 开局 的 环境 ， 不 要 证 用 户 把 注意 集中 在 页 面 加 载 上 ， 而 是 在 目 己 等 待 的 最 终 
目的 上 。 


提供 详细 信息 

前 文 提 到 过 动画 效果 指示 图 搭配 说 明文 字 的 设计 方法 。 在 大 多 数 情况 下 ， 说 
明文 字 仅 限于 “加 载 中 ”“ 请 稍 等 ”之 类 一 无 非 是 劝 用 户 耐 心 等 待 的 话 而 已 。 
但 是 ， 如 果 设 计 者 肯 用 心 设计 一 下 说 明文 字 ， 可 能 会 彻底 颠覆 用 户 的 等 待 体验 ; 
原本 只 有 温 长 的 忍耐 ， 现 在 却 可 以 了 解 每 一 步 进 展 ， 更 有 安全 感 ， 清 楚 自己 等 待 
的 原因 。 一 切 都 取决 于 背景 ! 说 明文 字 通常 会 向 用 户 解释 等 待 的 “技术 ”原因 ， 
但 是 ， 我 们 完全 可 以 从 用 户 的 角度 思考 : 在 等 待 期 间 ， 我 能 得 到 哪些 好 处 ? 


第 四 章 @ 等 待 体验 


Select your vehicle 当 用 户 得 知 应 用 程序 将 向 日 己 推荐 最 优惠 的 价格 时 ， 甚 至 会 


== === 为 这 种 等 待 感到 高 兴 | 


WE ARE CALCULATING 
YOUR BEST RATE... 


C 


E 


如 果 事 匈 料 到 用 户 的 等 待 时 间 可 能 比较 长 ， 则 可 以 分 段 显 示 信 息 ， 辐 用 户 解 
释 每 一 阶段 在 做 什么 。 注 意 ， 信 息 内 容 不 要 过 于 专业 、 过 于 细致 : 信息 过 多 会 适 
得 其 反 。 即 使 用 户 没 有 时 间 阅 读 全 部 内 容 ， 这 些 说 明文 字 对 他 仍 大 有 神 益 。 


Eee a 
用 户 可 能 面 对 】 
a 
有 不 安全 感 。 各 个 步骤 的 说 明 
文字 能 玫 用 户 保持 镇 定 。 说 明 
Mia ii E, MPE EVH 
户 :“ 不 必 担 心 ， 一 切 都 在 我 们 
WSR” 在 这 种 情况 下 ， 
说 明文 字 起 到 的 作用 不 可 忽视 。 
当然 ， 这 种 方法 对 于 其 他 情况 
未 必 适 合 Flo 


连接 银行 


读 取 账户 t 
A 
启动 同步 功能 “i 
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RDA @ 智能 手机 与 平板 


电脑 的 用 户 体验 设计 
应 用 程序 
YUMMLY 


重要 ， 因 为 等 待 时间 可 能 很 长 。 


应 用 程序 用 菜单 向 用 户 详细 说 明 在 等 待 过 程 中 发 生 了 什么 ， 赋 予 等 待 真实 的 意义 。 这 点 很 


所 谓 “ 详 细 信息 ”， 内 容 其 实 可 以 很 简单 : 向 用 户 展示 加 载 鸭 实际 进程 。 这 
可 以 是 一 个 无 限 庭 转 的 图 标 ， 也 可 以 是 显示 开始 与 结束 的 指示 图 ， 让 用 户 推算 王 
余 时 间 。 需 要 注意 的 是 ， 不 是 所 有 情况 都 适合 显示 详细 信息 。 芷 


等 待 时 间 长 、 频 
率 高 或 性 质 敏感 的 条 件 下 ， 设 计 者 可 以 优先 考虑 采用 这 种 办 法 。 
ek 
GOOGLE 
HANGOUTS 


oh Yee. dhait pas mal Er Yee. dhait pas mal 


E 


Tu aa vu Simone ? Elema dit qu'ele y vf Tu as vu Simone ? Elle ma dit qu'ele y A 
Hait avec Philomène ! Hait avec Philomène ! 
& > & | > 


AIZIEVRITIY ULI [0P 


AIZIEVRITIY ULI SOIR 
Qa 5 0F GH JKLM Q50F GH JKLM 
+ wxRececveN 


23 @ 


espace jj§§ feiour 


用 户 刚 写 完 的 信息 还 处 于 “正在 发 送 ”的 状态 ， 头 像 上 的 图 标 会 显示 发 送 进 程 。 同 时 ， 正 


在 发 送 的 信息 处 在 对 话 气泡 中 : 对 方 还 没有 读 到 这 条 信息 ， 
还 在 用 户 的 脑海 中 ， 不 算是 对 话 的 一 部 分 ! 


GOOGLE HANGOUTS 认为 它 
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i ESS FF tN 
仅 使 用 一 种 刺激 很 快 就 会 让 人 觉得 单调 ， 尤 其 在 等 待 时 间 很 长 的 情况 下 。 设 
计 者 应 该 考虑 各 种 各 样 的 方法 ， 让 加 载 的 进程 指示 图 和 占 位 符 更 加 丰富 多 样 。 


— = == 平板 电脑 应 用 程序 
aan PINTEREST 
mere I = WA 
彩色 方块 代 蔡 了 正在 加 载 的 图 片 。 每 个 未 显示 的 图 片 都 用 不 同 颜色 的 方块 代替 。 更 妙 的 
是 ,方块 的 颜色 根据 加 载 图 片 的 色 系 决定 。 
=n ws ' 应 用 程序 UBER 和 
二 J AIRBNB 


VEUILLEZ PATIENTER | 


用 户 等 待 页 面 加 载 时 ， 依 次 出 现 的 图 标 与 品牌 背景 、 应 用 程序 的 用 途 相 匹配 。 图 标的 变化 
与 等 待 的 时 刻 产 生 共 鸣 。 两 种 应 用 程序 为 用 户 着 想 ， 成 功 创造 了 独特 的 等 待 体验 。 
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舒适 地 等 待 


应 用 程序 雅虎 新 闻 
摘要 、 SWARM, 
QUIZUP 和 ING 
DIRECT 
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管理 等 待 时 间 的 第 三 条 原则 : Ae a AY A BP A Di ta AT] kk p 
To WELEER CRM I IREZ: 空调 运行 正常 ， 坐 在 身边 时 人 散发 看 怡 和 人 的 体 
和 理 …… 候 诊 病人 一 定 会 表现 出 更 大 的 耐心 。 在 移动 终端 上 ， 道 理 别 无 二 致 。 


地 得 体验 的 情感 设计 

设计 者 处 理 等 待 的 方式 ， 也 是 展现 品牌 特色 的 机 会 。 重 要 的 是 打动 用 户 : W 
觉 效 果 、 动 画 、 文 字 风 格 都 会 对 用 户 产 生 影 响 。 不 费力 的 小 细 万 反而 会 起 到 决 
定性 作用 ! 总 之 ， 除 了 始终 让 用 户 感 到 “事情 正在 推进 ”之 外 ， 设 计 者 应 该 加 入 
一 些 象征 性 设计 。 设 计 者 应 退 求 的 理想 结果 是 : 用 户 感 到 这 段 等 待 时 间 舒 适 、 有 
B, OPA. WS OR EE! 要 让 用 户 感觉 到 ， 设 计 者 为 这 段 
等 待 时 间 人 花费 了 很 多 心思 。 


我 们 已 经 看 到 ， 在 UBER, AIRBNB 和 PINTEREST 等 几 款 应 用 程序 的 例子 


中 ， 除 了 为 等 待 中 的 用 户 提供 丰富 多 彩 的 设计 之 外 ， 这 其 中 也 包含 了 情感 设计 。 


E E 
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000 Free F mm 


ING Ai DIRECT 


些 应 用 程序 的 加 载 指 示 图 的 颜色 和 动画 设计 各 异 ， 个 性 十 足 ， 有 的 展现 了 品牌 特色 
( QUIZUP 与 SWARM 的 标识 )， 有 的 遵循 了 设计 惯例 (ING DIRECT 圆 点 一 个 个 滑 过 的 图 像 ), 


情感 设计 的 目的 不 仅仅 是 让 用 户 产 生 积 极 向 上 的 感觉 ， 尽 管 这 是 首要 目标 。 情 
感 设计 还 可 以 强化 品牌 个 性 。 如 果 设 计 者 为 等 待 体验 独创 的 情感 设计 只 适用 于 目 
己 品 牌 的 应 用 程序 ， 那 就 真正 成 功 了 ! 品牌 元 素 展 露 无 中 ， 不 会 与 其 他 品牌 宴请 。 


应 用 程序 
GOODREADS 


fi i oa B= a: 


注意 ， 情 感 设计 和 品牌 风格 必须 彼此 吻合 。 如 果品 牌 风格 严肃 、 庄 重 ， 那 么 
就 不 适合 加 入 趣味 和 市 有 游戏 性 质 的 情感 设计 。 
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模仿 瞬间 加 载 页 面 ， 避 人 免 等 每 之 看 


应 用 程序 
INSTAGRAM 
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ORO LAB RAB BREE, 何必 绞 尽 脑 守 影响 用 户 感 觉 等 待 时 间 的 长 短 呢 ?” 有 
时 ， 模 仿 瞬间 加 载 页 面 是 更 好 的 解决 方案 ， 然 后 尽力 保证 一 切 捞 计划 顺利 进展 。 
如 果 出 现 意外 ， 仍 然 可 以 通知 用 户 出 现 错误 。 


具体 万 法 如 下 : 系统 在 用 户 发 出 要 求 后 立即 回应 ， 加 用户 “ 撤 详 ”; 实际 上 ， 
用 户 的 要 求 此 时 还 尚未 发 送 给 服务 器 ， 当 然 也 就 没有 得 到 服务 器 的 回答 。 系 统 做 
ETRE! 很 明显 ， 用 户 会 完 得 界面 对 手指 发 出 的 命令 做 出 了 有 反应。 尽管 只 是 模 
拟 ， 但 这 样 做 的 初 心 是 为 了 更 好 的 用 户 体 验 ! 


© bendarag, onlyinben, kapharnaum, © bendarag, ontyindcn, kaphamaum, 
sebbouyssou sebbouyssou, esther 


largow Bon bah, ca c'est fait >) Vu a la rédac largow Bon bah, ca c'est fait >) Vu à la rédac 
de France info de France info 


用 户 点 击 心 形 标 志 ， 标 志 瞬 间 变 红 ， 表 示 “ 点 赞 ”。 应 用 程序 记录 下 了 用 户 的 意愿 ， 用 户 
可 以 抽 吴 做 其 他 事情 ， 不 需要 了 解 后 台 的 技术 过 程 。 


第 四 章 PD 等 待 体验 
慢 工 出 精品 


最 后 ， 优 化 等 待 时 间 的 用 户 体验 不 仅 限 于 缩短 等 待 时 间 。 假 如 时 间 人 允许 ， 也 
要 恒 得 放 慢 脚步 …… 很 多 因素 都 能 帮助 设计 者 判断 是 否 可 以 慢 下 来 : 服务 类 型 、 
使 用 频率 、 功 能 、 内 容 …… 假 如 等 待 加载 或 选择 互动 的 时 刻 不 会 让 用 户 付出 太 大 
成 本 ， 设 计 者 可 以 放 慢 速度 。 


再 强调 一 下 ， 关 于 “等 待 ”这 一 问题 ， 一 切取 决 于 具体 情况 。 对 于 一 款 应 
用 程序 来 说 完美 的 处 理 方式 ,在 另 一 款 应 用 程序 上 可 能 彻底 失败 。 所 以 ， 本 书 常 
第 提 到 ， 用 户 体 验 设 计 不 可 能 出 现 “ 放 之 四 海 而 外 准 ” 的 准则 。 


应 用 程序 
YUMMLY 


菜单 以 “ 手 风 雁 ”的 样式 打开 、 合 拢 ， 视 党 效果 非常 好 。 当 然 ， 这 比 和 直接 打开 沫 单 耗费 更 
长 时 间 ， 但 多 花 几 坚 秒 确实 物 有 所 值 ， 更 何况 用 户 不 会 经 钊 打开 这 个 沫 单 。 
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世界 自然 基金 的 
平板 电脑 应 用 程序 
WWF TOGETHER 
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匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


E 


应 用 程序 在 开局 之 前 展现 了 动人 的 开场 动画 : E, AAR. SR, AE 
示 需 要 时 间 ， 但 绝对 值得 观赏 ! 而 且 ， 应 用 程序 还 为 用 户 提供 选择 ， 可 以 跳 过 这 段 动画 。 


i€ 


E 


在 同样 一 玖 应 用 程序 上 ， 当 用 户 和 希望 展示 包含 所 有 动物 的 沫 单 时 ， 沫 单 以 折纸 的 方式 组 组 
展开 。 折 纸 的 象征 性 设计 贯穿 了 程序 的 整个 视觉 创意 ， 在 此 处 也 得 到 体现 。 用 户 一 般 不 会 
在 外 界 压力 很 大 的 情况 下 使 用 这 款 应 用 程序 ， 程 序 的 使 用 频率 也 不 会 太 高 。 所 以 ， 设 计 者 
可 以 大 胆 让 用 户 等 待 ， 甚 至 故意 制造 出 等 待 的 效果 ……' 何 况 这 种 效果 是 多 么 美妙 ! 


© 
© 


Eb 


等 待 是 移动 终端 用 户 体验 的 重要 组 成 部 分 ， 设 计 者 有 责任 让 漫长 的 


AERA AR AR BS Kk Ww 
等 待 变 得 丰富 多 彩 。 


设计 者 如 果 无 法 改 杰 真实 的 等 竺 时 间 ， 束 只 能 优化 用 户 感 党 的 等 符 
时 间 。 


进入 应 用 程序 之 前 的 等 竺 会 让 人 和 觉得 格外 漫长 : 设计 好 局 动画 面 ， 尤 
其 针对 使 用 频率 高 、 时 间 限 制 强 、 使 用 环境 危险 的 情况 。 


条播 式 页 面 会 让 用 户 感觉 等 待 时 间 变 长 。 如 果 程序 中 已 经 包含 启动 画 
面 ， 最 好 不 要 再 使 用 插播 式 页 面 。 限 制 插播 式 页 面 在 屏幕 上 的 停留 时 间 ; 
一 天 之 内 ， 不 要 让 揪 播 式 页 面 出 现 的 频率 过 高 。 


设计 者 可 以 通过 页 面 骨 染 ,模拟 进入 程序 后 的 情景 。 


一 步 步 逐渐 加 载 页 面 : 用 户 不 一 定 要 等 到 所 有 元 素 都 加 载 完 毕 后 ， 再 
PR RE MUAY ARSE IN Vi o 


等 待 过 程 如 果 充 实 而 丰 晤 ， 就 不 会 显得 那么 漫长 了 : 让 页 面 更 加 生动 
有 趣 ， 把 用 户 的 注意 从 “等 待 ”这 个 主题 上 移 开 ; 提供 详细 信息 ， 这 明 等 
待 的 意义 所 在 。 


采取 恰当 的 情 居 , EASA: 在 舒适 的 环境 中 等 等 ， 人 们 
总 会 感到 时 间 过 得 比较 快 。 


模仿 瞬间 加 载 页 面 ， 不 让 用 户 等 待 : 对 用 户 的 操作 立即 给 予 反 饿 ， 即 
使 程序 并 没有 人 完成 信息 处 理 。 
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e 回 用 户 展示 什么 ? 

。 选择 恰当 的 教学 时 机 
。 潜移默化 的 教学 

e 如 何 解 释 说 明 ? 

。 TUEN, TERE 
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企 移 动 终端 上 ， 屏 需 的 大 小 限制 了 我 们 能 同时 显示 的 元 素 的 数量 。 因 此 ， 在 
大 多 数 移动 应 用 里 ， 有 些 功 能 直 搂 显 示 在 屏幕 上 ， 有 些 功能 被 隐藏 起 来 (需要 再 
操作 一 步 才能 显示 )， 甚 全 有 些 功能 是 “隐形 ”的 一 用 户 如 果 不 知 情 ， 根 本 无 
法 猜 到 还 存 这 些 功能 。 因 此 ， 设 计 者 在 设计 移动 应 用 时 ， 必 须 将 一 些 功 能 明确 指 
示 出 来 ， 让 用 户 发 现 它 们 。 指 导 教 学 的 本 来 目的 是 让 用 户 不 断 进步 ， 更 好 地 稳 握 
应 用 程序 的 使 用 方法 。 但 在 实际 操作 中 ， 教 学 设计 却 经 第 被 用 于 宣传 应 用 程序 的 
有 某 些 功能 ， 借 以 吸引 用 户 。 教 学 与 营销 之 间 的 界限 并 不 清晰 ! 

总 之 请 记 住 ， 用 户 的 目的 和 你 此 时 希 青 用 户 做 什么 ， 两 者 有 所 不 同 。 所 有 插 
播 、 和 能 入 的 东西 都 会 让 用 户 远离 初 吉 ， 降 低 使 用 效率 。 让 我 们 看 看 如 何在 不 扰乱 
用 户 使 用 的 前 提 下 实施 教学 。 


本 章 内 容 仅 限于 应 用 程序 和 移动 终端 网 站 的 情况 。 这 两 种 移动 应 用 使 用 频 
率 较 高 ， 设 计 者 了 解 用 户 的 活动 及 其 表达 的 意见 ， 并 能 依据 这 些 信息 提供 更 适合 
的 服务 。 这 正 是 教学 的 沃土 。 


回 用 户 展 示 什 么 ? 


设计 者 在 移动 终 峭 上 为 用 户 提供 教学 指导 ， 通 种 有 两 种 模式 。 
。 被 动 模式 : 布 强 用 户 学 到 一 些 和 东西， 比如 告诉 他 存在 一 种 功能 或 快捷 方 
式 ， 或 展示 如 何 使 用 。 

。 主动 模式 : 希望 用 户 完 成 某 项 行动 或 填写 某 些 信息 。 

这 两 种 教学 模式 经 第 混合 使 用 ， 风 格 痢 要 严肃 认真 ， 或 者 与 设计 策略 息 尽 相 
天 。 最 终 ， 设 计 者 经 常 无 法 区 分 最 终日 的 究竟 是 什么 : 为 用 户 服务 ， 还 是 为 目 己 
服务 ? 正 是 因为 教学 与 营销 的 界限 不 明确 ， 教 学 工作 才 会 如 此 困难 ， 而 且 充 满 风 
险 。 下 文 就 设计 者 应 该 (或 不 该 ) 推介 的 内 容 提 出 了 一 些 建议 。 


教学 不 是 广告 
教学 活动 势必 带 有 很 强 的 人 侵 性 : 用 户 没 有 要 求 阅读 说 明 书 ， 系 统 却 迫 使 他 
阅读 。 于 是 ， 说 明 书 很 可 能 成 为 用 户 一 个 重要 的 逃离 点 。 但 是 ， 如 果 说 明 书 对 用 
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户 硝 实 有 帮助 的 话 ， 那 么 在 此 处 “逃离 ”的 用 户 会 大 大 减少 。 因 此 ， 在 向 用 户 传 
授 使 用 方法 的 时 候 ， 一 定 不 要 使 用 任何 广告 手法 ， 不 要 市 有 任何 功利 性 质 。 


最 好 的 办 法 是 突出 部 分 功能 ， 而 不 要 面面俱到 地 把 整个 程序 都 介绍 一 这 。 只 
用 沁 泛 词汇 的 大 伊 插 述 产 品 的 优点 ， 效 果 往往 不 佳 。 


FRANCE INTER 


广播 电台 和 
BLABLACAR 的 
应 用 程序 
ep 
ae Seren a 一 
FRANCE INTER 广播 电台 的 应 用 程序 在 安装 完毕 后 所 显示 的 页 面 纯 属 广告 : 将 程序 内 容 
从 头 到 尾 叙 述 一 遍 ， 不 停 地 自 夺 人 体 工程 学 设计 如 何 好 ， 让 人 感觉 如 同 商 店 推 销 员 在 哮 
WJ, BLABLACAR 在 旧版 本 中 也 存在 相同 问题 ， 页 面 列举 了 所 有 功能 ， 其 实 这 根本 不 需 
要 都 解释 一 遍 。 
注意 ， 这 绝 不 仅 是 表现 形式 的 问题 ! 有 些 貌 似 广 告 的 页 面 反 而 会 对 用 户 大 有 
用 处 。 尤 其 是 ， 如 果 设 计 者 有 价值 的 建议 的 某 些 点 不 明显 ， 无 法 让 用 户 马 上 看 
到 ， 不 妨 想 法 凸显 这 些 重 要 点 。 
应 用 程序 
MY LITTLE APP 每 天 都 送出 不 同 的 惊喜 作为 礼物 。 用 户 可 能 MY LITTLE APP 


好 几 天 都 没有 看 到 赠送 的 壁纸 。 此 时 明确 告诉 用 户 将 收 到 惊 
DES CADEAUX POUR | 喜 礼 物 ， 不 但 是 对 赠品 的 一 种 推介 ， 也 能 帮助 用 户 判断 这 款 


MON SMARTPHONE 程序 对 自己 是 否 有 用 。 


Parce que lui aussi ame bien changer de 
vêtements, on lui offre des fonds d'écran. 
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应 用 程序 
TRANQUILIEN 
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不 要 解释 显而易见 的 元 素 

我 们 在 移动 终端 上 经 常见 到 一 种 错误 : 解释 显而易见 的 元 素 。 出 现 这 一 稍 误 
的 原因 不 难 理解 ， 设 计 痢 花费 很 长 时 间 精 心 设计 一 球 移 动 应 用 程序 和 网 站 后 ,项 
望 事 无 巨细 地 展示 应 用 都 能 为 用 户 做 些 什么 ,不 目 沉 地 把 这 当成 一 种 目 我 庆祝 的 
方式 …… 而 且 ， 设 计 者 还 会 担心 用 户 不 知道 如 何 使 用 目 己 设计 的 程序 。 但 是 ， 一 
且 我 们 意识 到 这 种 做 读 的 负面 影响 ， 就 不 会 再 固执 己见 了 。 

问题 不 在 于 设计 者 的 意愿 ， 而 是 这 种 教学 方法 产生 的 后 果 : 用 户 与 其 化 费 大 
把 的 时 间 研 读 说 明文 字 ， 还 不 如 直接 进入 程序 ， 到 时 候 也 能 学 会 同样 的 内 容 。 而 
且 ,， 用 户 中 途 保 止 操作 转 而 阅读 教学 六 明 ， 却 发 现 都 是 些 极其 简单 的 问题 ， 灵 怕 
不 会 太 高 兴 。 

设计 者 执意 解释 显而易见 的 元 素 ， 还 有 一 个 原因 束 是 低估 用 户 的 能 力 ， 其 至 
是 低估 目 己 的 产品 的 质量 : 如 果 设 计 者 推出 的 功能 的 用 法 很 容易 稳 握 ， 那 么 用 户 
一 定 会 迅速 学 会 如 何 好 好 使 用 ! 


3 17:25 


Tranquilien 设计 者 回 用 户 解释 如 何在 搜索 区 域 里 填写 要 求 ， 似乎 是 A = 
承认 了 界面 不 清晰 ， 用 户 无 法 日 行 理解 一 样 。 最 好 让 用 户 把 
所 有 的 注意 都 集中 在 信息 上 ， 而 不 是 分 心 去 阅读 说 明文 字 。 
如 果 设 计 者 计划 撰写 这 种 信息 ， 请 在 信息 中 加 入 一 点 情感 设 
计 ， 至 少 能 引起 用 户 的 积极 情感 。( 详 见 第 六 章 相关 介绍 。) 


和 


设计 者 还 容易 犯 一 种 错误 : 希望 通过 标 出 某 个 按钮 的 用 途 ， 解 释 互动 方式 。 
但 说 得 越 多 ， 越 粳 糙 : 如 果 我 们 摘 述 屏幕 上 的 所 有 内 容 ， 束 表示 一 定 哪 里 出 了 问 
题 ， 让 整个 界面 不 够 直观 。 


第 五 章 的 用 户 教学 与 用 户 参 与 


平板 电脑 应 用 程序 
SKETCHES 
和 应 用 程序 
MES COURSES 


Aide contextuelle 


WIT AAR ASA is 2 HRA y” A a PB ( 应 用 程序 SKETCHES ), 也 
不 需要 说 明 按 下 “+” 图 标 代 表 “ 创 建新 名 单 ” 或 指出 “点 击 此 处 查询 名 单 ”( 应 用 程序 
MES COURSES )。 


EE, OR A PE ee AR, SE eR ERRIRE 
该 功能 ， 那 么 设计 者 费力 指出 该 功能 人 存在， 就 不 是 一 种 合适 的 教学 方法 。 


ARTE 电视 台 的 
平板 电脑 应 用 程序 
和 应 用 程序 
GOOGLE 
CALENDER 


Fill in your calendar quickly and 
easily 

With Assists, suggestions for titles, contacts 
and places appear as you type. 


hy 


ARTE 电视 台 介 绍 了 “搜索 ”功能 ， 这 是 用 户 期 望 使 用 的 功能 。GOOGLE CALENDER 极 
力 推荐 自动 填写 功能 ， 但 用 户 在 正常 使 用 过 程 中 必定 会 发 现 这 种 功能 。 萌 显 应 用 程序 可 用 
性 的 做 法 ， 很 难 收获 理想 的 效果 。 
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精心 选择 推荐 内 容 

剔除 显而易见 的 功能 之 后 ， 设 计 者 仍 有 很 多 东西 想 要 教 给 用 户 …… 通 常 来 
说 ， 设 计 者 越 极力 推荐 的 内 容 ， 用 户 使 用 得 也 就 越 频繁 。 有 一 种 设计 趋势 建议 把 
移动 应 用 的 所 有 功能 都 凸显 出 来 ， 让 用 户 不 错过 任何 内 容 。 但 设计 者 对 此 应 保持 
警惕 ， 不 要 阻碍 用 户 的 使 用 流程 ， 妨 碍 用 户 达 到 目的 。 和 否则， 用户 很 可 能 觉得 大 
倦 ， 最 终 放弃 你 的 产品 。 

面 对 学 习 ， 用 户 经 常会 采取 逃避 的 态度 。 他 们 倒 不 一 定 会 关闭 说 明 ， 但 只 是 
机 械 地 浏览 一 遍 ， 对 内 容 视而不见 。 教 学 内 容 的 入 侵 性 越 强 ， 用 户 就 越 想 逃避 。 
如 果 系 统 多 次 要 求 用 户 阅 读 说 明 书 ， 用 户 就 会 越 来 越 不 耐烦 ， 不 仅 会 无 视 你 的 提 
E, RARER ARE. 


通过 用 户 测试 ， 可 以 清楚 看 到 用 户 接 受 教学 内 容 的 难度 之 大 。 用 户 希 望 的 
仅仅 是 使 用 应 用 程序 ! 设计 者 测试 一 下 就 会 明白 真相 ， 绝 不 会 再 自 鸣 得 意 地 在 程 
序 开 局 时 就 设计 一 堆 花 里 胡 哨 的 使 用 说 明 。 


《世界 报 》 的 
1 O 
应 用 程序 Avec le Direct, 
suivez l'actualité du jour 
Bienvenue en temps réel 
Sur la nouvelle version 
de l'application 
Se Monde.fr 
> 

Faites légèrement glisser Continuez à glisser l'écran 
Tecran vers le bas vers le bas pour visionner 
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Parcourez d'un simple geste 
l'ensemble des rubriques 
et des articles 


Choisissez votre écran 


Dans le Menu, 
accédez a l'Edition abonnés 
et a tous les articles réservés. 


000 Free F ii 


F Trouver un keu 
A proeria 军 


Files 


Chaleureux 


Bars Seulement sur Foursquare 


Margaritas ot cocktails a |'exterieur Catégories 


Pius d'options 


在 第 一 次 局 动 时 ， 用 户 至 少 要 穿 过 8 个 

页 面 后 才能 进入 应 用 程序 。 更 糟 的 是 ， 
设计 者 居然 没有 提供 让 用 户 跳 过 这 一 程 
序 的 选择 。 而 且 ， 页 面 内 容 杂 七 杂 八 ， 
RE AM a ENTE 
明和 高 级 功能 


《世界 报 》 的 
应 用 程序 


应 用 程序 
FOURSQUARE 
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应 用 程序 
FOURSQUARE 


平板 电脑 应 用 程序 
SKETCHES 
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oe La Donjon 


tO m 


+ Bio Nature 
20 m 213, avona 


Tierny & Go 


F7 main ch Versailles Aup 


L'Atelier 
POO m- 132 nue de Versalles 
La Mie Des Amis 

$ 50 m 


12 comseils À propos de: 


n Q 5, 


第 一 条 建议 不 难 接受 ， 因 为 其 表现 形式 不 算 强 势 ， 而 且 文 字 讨 言 。 但 随 着 页 面 变 更 ， 建 议 
一 条 接着 一 条 ， 每 个 页 面 上 都 有 说 明文 字 ， 有 些 页 面 上 甚至 有 好 几 条 。 用 户 开 始 厌 倦 ， 心 
想 烦 人 的 建议 什么 时 候 才 能 结束 。 说 明文 字 的 数量 过 多 ， 证 用 户 体验 急剧 恶化 。 这 个 例子 
非常 典型 : 一 系列 帮助 文字 试图 解释 所 有 功能 或 每 个 页 面 ， 仿 佛 硬 要 找 出 一 些 话 和 用 户 说 。 


设计 者 如 果 想 推荐 某 些 功能 ， 但 又 不 想 疮 恼 用 户 ， 束 应 该 仔细 挑选 重点 推荐 
的 功能 ， 考 虑 好 是 否 有 必要 这 人 么 做 。 为 此 ， 设 计 者 应 该 把 所 有 功能 投 照 重要 程度 
分 级 : 哪些 功能 确实 与 众 不 同 ， 哪 些 功能 各 不 特别 强调 束 容 易 衫 用 户 忽 视 。 设 想 
一 下 ， 用 户 在 使 用 过 程 中 会 移 后 用 到 哪些 重要 功能 ， 做 一 个 时 间 规划 。 


“帮助 ”项 目 介绍 了 所 有 操作 手势 ， 但 指导 动画 中 仅 列举 了 几 种 最 重要 的 手势 。 


第 五 章 OQ 用 户 教学 与 用 户 参 与 


如 果 教 学 内 容 应 设 只 涉及 最 初 的 基本 使 用 方法 ( 大 多 数 情况 都 是 如 此 )， 不 
要 急于 向 用 户 介绍 复杂 的 高 级 功能 ; 也 不 必 介 绍 只 有 少数 用 户 才 会 使 用 的 功能 ， 
否则 会 让 多 数 用 户 和 敬而远之 。 


《世界 报 》 的 
应 用 程序 


Nouveaute : 
Vous pouvez des a 
présent choisir votre 
écran d'accueil 


用 户 此 时 还 没有 进入 程序 ， 千 诉 他 们 如 何 设置 桌面 实在 为 时 过 早 。 


设计 者 不 一 定 只 能 推荐 重要 信息 ， 而 把 目 己 想 要 展示 给 用 户 的 其 他 东西 统统 
抛弃 。 最 终 取 决 于 设计 者 如 何 安 排 : 在 人 机 交互 的 特定 时 刻 ， 把 适当 数量 的 信息 
推荐 给 用 户 。 不 要 忘记 ,少量 多 次 的 推荐 方法 可 以 避 饮 用户 在 每 一 个 阶段 接受 到 
的 信息 达到 饱和 。 比 如 ， 前 文中 应 用 程序 FOURSQUARE 的 例子 里 ,设计 者 本 
应 该 让 用 户 在 每 次 打开 程序 时 只 看 到 一 条 简短 的 建议 ， 而 不 是 让 所 有 信息 一 次 性 
全 部 展示 出 来 ， 这 样 会 降低 用 户 的 负面 感受 。 

再 说 ， 为 什么 不 能 让 用 户 目 己 发 现 各 种 功能 ?” 在 多 次 使 用 过 程 中 ， 用 户 会 偶 
然 发 现 各 种 新 功能 : 添加 附件 、 快 捷 方 式 、 高 级 功能 …… 请 让 用 户 享 受 “ 探 索 之 
旅 ” 的 快乐 ! 

把 功能 分 级 ， 也 是 为 了 不 要 在 一 开始 就 把 所 有 话 都 说 完 。 正 确 的 方法 是 把 信 
奶 分 散发 出 ， 让 用 户 在 今后 的 使 用 过 程 中 循序 渐进 地 慢 慢 学 习 。 
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选择 恰当 的 教 生 时 机 
有 些 时 刻 更 适合 设计 者 介绍 某 项 功能 。 但 “时 机 ”也 是 因 人 而 异 ， 要 看 用 户 


本 人 情况 及 其 擎 握 应 用 程序 的 熟练 程度 。 然 而 ， 设 计 者 仍 有 一 些 基 本 规则 可 循 ， 
挑选 恰当 时 机 ， 避 免 用 户 产 生 反 感 。 


使 用 前 教学 : HAHA! 

在 用 户 进 入 应 用 之 前 就 开始 教学 ， 这 是 一 种 第 见 的 方法 。 教 学 说 明 往 往 以 一 
系列 深 动 页 面 的 形式 展现 在 用 户 眼 前 ， 横 吾 在 用 户 的 目标 (使 用 目的 ) 与 达成 目 
标的 工具 ( 应 用 程序 ) Ziel. AM, RMB SR HELLA ARS. 

在 使 用 周期 中 ， 用 尸 需要 逾越 的 第 一 道 高 墙 是 下 载 程序 ， 或 是 登录 移动 终 闹 
网 站 。 众 多 营销 行为 的 目的 是 促使 人 们 发 现 菏 丈 应 用 。 但 即便 用 户 发 现 了 你 的 产 
ma, TITER SASS! 在 应 用 程序 的 世界 里 ， 第 一 个 逃离 点 就 在 局 动 时 刻 : 
大 多 数 下 载 完 的 应 用 程序 从 没 被 真正 打开 过 ; 对 于 大 部 分 曾 打 开 过 的 应 用 程序 ， 
用 户 也 绝 不 会 使 用 第 二 次 ! 如 果 用 户 在 启动 程序 后 看 到 的 不 是 目 己 希望 的 内 容 ， 
反而 是 一 些 目 我 推销 ， 必 人 然 非 常 失望 。 


Kita Bit: AP “RE”, 也 许 是 因为 失望 ， 也 许 是 因为 走神 。 移 动 
终端 使 用 方式 不 稳定 ， 用 户 身 处 嘲 杂 的 外 部 环境 之 中 ， 注意 很 容易 被 其 他 事物 吸 
引 。 用 户 往 往 会 放弃 正在 使 用 的 应 用 程序 ， 转 而 去 做 其 他 更 重要 的 事情 ， 比 如 接 
到 一 个 电话 ， 被 医生 传唤 进 诊室 ， 有 人 前 来 说 话 …… 在 这 种 情况 下 ， 用 户 通常 不 
会 回 到 使 用 到 一 半 的 应 用 程序 上 来 ， 因 为 他 根本 想 不 起 来 ,或 者 没有 时 间 去 想 。 
所 以 ,设计 者 很 可 能 只 有 短 短 几 秒 钟 时 间 ， 吸引 用 户 继续 使 用 自己 的 产品 。 


由 此 可 见 ， 在 用 户 进入 应 用 之 前 就 开始 教学 ， 这 样 做 可 能 很 危险 。 理 想 的 状 
态 是 先 让 用 户 自行 使 用 ， 然 后 用 户 可 能 会 提出 一 些 问题 ， 尤 其 是 针对 一 些 复杂 区 
高 级 功能 ， 此 时 再 予以 解答 。 千 万 不 要 因为 “别人 这 么 做 "， 就 在 启动 程序 的 时 
候 迫 不 及 待 地 对 用 户 开展 教学 。 

很 多 移动 应 用 要 求 用 户 注册 账户 ， 教 学 说 明 可 以 用 来 说 服用 户 完成 注册 。 遇 
到 这 种 情况 时 ， 教 学 最 好 与 邀请 用 户 登录 或 注册 账户 的 行为 召唤 相互 配合 。 后 文 
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将 讲 到 这 种 行为 召唤 的 重要 性 。 


例 次 使 用 教学 

用 户 初次 使 用 产品 是 介绍 程序 、 解 释 用 法 的 关键 时 刻 ， 但 也 是 一 个 严重 的 
逃离 点 。 设 计 者 仅 在 非常 有 必要 的 情况 下 ， 才 能 利用 这 一 时 刻 强调 或 推荐 某 
一 元 素 。 设 计 者 必须 了 解 用 户 ， 清 楚 他 们 来 做 什么 ， 并 将 这 些 信息 和 上 手 教学 
(onboarding ) 的 策略 相 结 合 。 这 样 一 来 ， 设 计 者 自然 就 能 做 出 正确 的 选择 。 


上 手 教学 指 在 最 初 的 使 用 过 程 中 ， 手 把 手 地 向 用 户 传授 使 用 方法 。 上 手 孝 
学 往往 包括 多 个 连续 步骤 ， 将 应 用 的 关键 功能 凸显 出 来 。 


设计 者 最 币 见 的 钳 误 是 高 估 用 户 的 学 习 热 情 ， 一 开始 承 癌 用 户 解 释 多 种 功 
能 ， 甚 至 是 高 级 功能 ， 信 息 量 过 大 。 在 用 户 初 次 访问 的 时 候 ， 这 种 方法 尤其 危 
险 : 用 户 感 到 远离 了 目 己 的 使 用 目标 ， 参 与 热情 大 减 。 


PATH 强烈 推荐 设计 者 最 希望 用 户 率先 使 用 的 功能 。VIVINO 用 提问 形式 体现 教学 重点 ， 
根据 具体 情况 引导 用 户 。 


应 用 程序 PATH 


和 VIVINO 
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应 用 程序 
JELLY 


应 用 程序 在 提出 第 一 个 问题 之 后 ， 向 用 户 展示 如 何 用 向 下 的 滑动 手势 让 问题 消失 。 随 着 问 
题 不 断 出 现 ， 这 一 操作 容 门 的 指示 消失 ， 应 用 程序 不 必 再 展现 任何 教学 内 容 。 


根据 使 用 次 数 开展 教学 


在 使 用 过 程 中 的 其 他 天 肆 时 刻 ， 设 计 痢 也 可 以 采取 初次 使 用 教学 的 原则 : 在 
用 户 今后 继续 使 用 应 用 时 ; 或 者 在 学 习 流 程 中 遇 到 天 健 门 槛 时 。 设 计 者 的 目的 在 
于 仅 在 特定 时 刻 展示 教学 内 容 。 设 计 者 预计 ， 在 这 些 时 纪 ， 用 户 的 认 知 和 融 练 程 
已 达到 一 定 水 平 ， 有 能 力 更 上 一 层 楼 。 整 个 教学 进程 的 意义 不 仅 在 于 突出 重点 
功能 ， 还 要 让 设计 者 庆 断 用 户 何 时 不 再 需要 帮助 。 


= i 


第 四 次 启动 第 五 次 启动 


平板 电脑 应 用 程序 
SKETCHES 


应 用 程序 根据 用 户 的 使 用 次 数 改变 局 动 页 面 内 容 。 最 初 三 次 局 动 时 ， 局 动 页 面 显示 了 最 基 
本 的 操作 手法 。 第 四 次 启动 时 ， 程 序 会 要 求 用 户 对 服务 进行 评价 。 从 第 五 次 局 动 开始 ， 应 
用 程序 会 建议 直接 打开 已 有 文档 ， 或 创建 新 文档 。 
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根据 使 用 进程 开展 教学 


最 有 效 的 教学 方法 是 在 最 恰当 的 时 刻 提供 最 恰当 的 解释 。 在 用 户 提 出 要 求 之 
后 展开 ， 并 根据 需要 贯 罕 整个 人 机 交互 过 程 ， 这 样 的 教学 才能 给 予 用 尸 最 好 的 用 
尸体 验 。 这 种 教学 方法 具有 天 然 优势 。 

(AFAR ANB, RDA “AG” ASSAM Pere eA. 

。 在 特定 时 刻 展开 教学 ， 用 户 处 在 具体 的 使 用 环境 忆 中 ， 有 助 于 对 教学 内 容 

的 理解 ， 实 践 起 来 更 加 容易 ， 也 不 需要 死记 硬 青 

一 定 要 避免 使 用 类 似 Windows 系统 中 的 “回形针 助手 ”的 效果 ， 这 种 弹 窗 
频 和 又 打 断 用 户 使 用 ， 入 侵 性 极 强 。 与 上 述 几 操 建 议 一 样 ， 设 计 者 要 保证 教学 内 容 
确实 必要 ， 值 得 用 户 天 注 ， 而 且 要 在 教学 市 来 的 “好 处 ”与 造成 的 “不 便 ” 之 间 
找到 一 个 平衡 点 ! 


根据 用 户 的 需求 和 使 用 进程 ， 选 择 恰当 时 机 进行 教学 ， 这 就 是 户 克 ， 沃 洛 


布 莱 夫 斯 基 的 “及 时 教育 ”原则 。 


aa fFrea F 76:78 


Maintenant, 
a vous de jouer ! 


SOSE04 - The Aginsias Cash 
LI eT et T 


如 果 设 计 者 硕 望 教会 用 户 一 些 东 西 ， 请 选择 恰当 的 时 机 。 在 BETASERIES 上 ， 当 用 户 至 
少 加 入 了 一 部 连续 剧 以 后 ， 系 统 才 会 向 用 户 展 示 方 操作 方法 一 一 如 何 把 一 集 电 视 剧 标注 为 
“AWA”. INBOX 也 遵循 同样 的 原则 用 户 点 击 信息 条 时 ， 系 统 才 会 指出 如 何 将 其 标记 
A SR” 状态 。 同 样 ， 在 TELE LOISIRS 上 ， 用 户 在 打开 节目 单 之 后 ， 系 统 才 会 告诉 用 
户 可 以 使 用 “提醒 节目 播放 ”的 功能 


应 用 程序 
BETASERIES、 
INBOX 和 
TELE LOISIRS 
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《世界 报 》 
的 应 用 程序 这 是 初次 启动 程序 时 展现 的 一 系列 教学 页 面 中 的 一 个 ， 介 绍 
了 关闭 文章 的 方法 。 如 果 这 篇 教学 内 容 出 现在 用 户 首次 打开 
Beg p .篇 文章 或 者 刚刚 用 其 他 方法 关闭 了 一 篇 文章 这 两 个 时 间 点 ， 
A ae 教学 效果 会 更 好 。 用 户 在 具体 环境 下 学 习 操作 手势 ， 印 象 会 
pour le refermer 更 加 深刻 , 
在 移动 应 用 中 开展 教学 的 最 高 境界 是 塑造 真正 的 用 户 使 用 周期 ， 即 根据 用 户 
的 使 用 进程 、 个 人 特点 和 操作 水 平 ， 为 每 位 用 户 提供 适当 的 帮助 。 设 计 者 只 需 从 
准备 一 系列 教学 内 容 着 手 ， 让 用 户 在 不 断 深入 使 用 的 过 程 中 ， 逐 渐 发 现 需要 掌握 
的 知识 。 
应 用 程序 
SECRET 


Share a thought 


Who will see ths? Who will see thes? a3 


用 户 首先 学 习 如 何 改变 颜色 ， 随 后 是 改变 图 案 。 用 户 只 有 在 学 会 改变 颜色 之 后 才能 继续 学 
习 改 变 图 案 。 否 则 ， 系 统 会 认为 用 户 没 有 强烈 的 意愿 对 上 传 内 容 进 行 个 性 化 设置 。 
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利用 空白 页 面 开展 教学 


当 用 户 来 到 空 日 页 面 时 ， 设 计 者 应 该 借 机 鼓励 用 户 积极 参与 学 习 。 


必要 的 行为 召唤 ， 填 补 空白 页 面 ; 
“空空 如 也 ”的 后 全 页 面 。 


= Ma bibliothagque 


eee a a a te de 
FOURCHETTE 表现 得 稍 好 一 些 ， 但 显示 了 一 条 无 法 操作 的 信息 : 用 户 只 看 到 自己 没有 


“收藏 ”任何 东西 。 A ce i i 
法 请 参看 下 边 SKYPE 与 AIRBNB 的 范例 。 


Re Il H 
户 教授 使 用 方法 的 好 机 会 : 引导 用 户 了 解 本 该 在 相 天 页 面 才能 直到 的 问题 ， 展示 


浑 试 及 用 亲切 友好 的 表达 方法 ， 干 万 不 要 呈现 


心愿 单 


| eps 


还 没有 心愿 单 


应 用 程序 
KIOSQUE 
TELERAMA 和 
LAFOURCHETTE 


应 用 程序 SKYPE 
和 AIRBNB 
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HIS EMCI A 


应 用 程序 
TRANSIT 


最 理想 的 人 机 交互 产品 应 当 不 需要 任何 教学 内 容 。 达 成 这 一 完美 目标 确实 不 
m, HEART AKAs SHAWN ie. 

Beth a RMS ch a ee ES ALE, ASS al eA fe tk e 
文字 说 明 的 情况 下 ， 引 导 用 户 了 解 使 用 方法 。 第 一 章 里 提 到 的 功能 可 供 性 概念 会 


给 予 设计 者 不 少 局 上 帮 。 最 终 ， 设 计 者 通过 所 有 界面 和 人 机 交互 设计 ， 在 潜移默化 


a 


中 实现 教学 目的 。 


应 用 程序 使 用 了 低调 的 动画 效果 ， 悄 然 向 用 户 展示 使 用 方法 : 手指 回 左 滑动 可 以 看 到 公共 
汽车 相反 方向 的 路 线 。 这 样 一 来 ， 用 户 日 然而 然 知 道 用 什么 操作 手势 能 达到 什么 效果 。 这 
种 潜移默化 的 教学 方法 让 用 户 在 正常 的 使 用 过 程 中 学 习 ， 用 户 不 会 因为 说 明文 字 的 出 现 打 
其 了 自己 的 使 用 体验 而 感到 恼火 。 


第 五 章 OQ 用 户 教学 与 用 户 参 与 


如 何 解 释 襄 明 ? 


如 果 潜 移 默 化 的 教学 方式 不 能 满足 所 有 要 求 ， 设 计 者 需要 展示 明确 的 信息 ， 
提供 更 清晰 的 指导 。 说 明 内 容 分 为 “指导 型 ”或 “教条 型"*。 在 实际 应 用 中 ,万 
其 在 移动 终 闹 设备 上 ， 这 些 内 容 不 仅 能 帮助 用 户 了 解 应 用 程序 的 使 用 方法 ， 还 能 
把 用 户 的 注意 引 回 一 些 功 能 ， 甚 至 促使 用 户 提 供 信息 ， 鼓 励 他 们 采取 行动 : 比如 
表达 修好 、 上 传 通 讯 录 、 提 供 赞 助 ， 等 等 。 在 后 两 种 情况 下 ， 设 计 者 一 定 要 强调 
这 些 要 求 的 价值 ， 说 明 提 供 信息 、 采 取 行 动能 为 用 户 市 来 哪些 益处 。 唯 有 这 样 ， 
设计 者 的 信息 才 会 对 用 户 产 生 影响 ， 而 不 会 被 当成 肪 烦 。 设 计 痢 向 用 户 展示 应 用 
程序 的 使 用 方法 时 ， 请 保证 信息 精确 、 简 洁 。 


下 面 ， 我 们 将 讨论 如 何 呈 现 让 用 户 更 容易 接受 的 教学 万 法 。 


在 什么 地 方 说 明 ? 


专属 页 面 : 清晰 明确 , 但 入 侵 性 强 

大 多 数 情 况 下 ， 帮 助 功能 会 拥有 专属 的 页 面 。 这 种 方法 的 优点 是 内 容 更 清 
Mit: PHA SCA A Se SO, RE. WME, 没有 任何 干扰 因素 分 散 
用 户 的 注意 ， 整 个 页 面 都 可 以 用 来 展示 信息 。 内 容 设 置 、 详 细 介绍 、 画 图 说 明 等 
设计 元 素 有 足够 的 发 挥 空间 。 

但 这 种 方法 也 存在 不 可 忽视 时 缺点 : 帮助 功能 彻 辰 打 断 了 用 户 的 正 币 使 用 。 
用 户 没 有 要 求 ， 却 被 迫 接 受 教 学 ， 如 果 想 继续 完成 想 做 的 事情 ， 必 须 先 处 理 跳出 
来 的 帮助 页 面 。 用 户 最 曾 见 的 反应 就 是 了 立刻 天 闭 帮 助 页 面 ， 将 其 钢 为 广告 处 理 。 
实际 上 ， 往 往 是 帮助 页 面 的 表现 形式 导致 用 户 做 出 此 类 反应 。 用 户 条 件 反 射 般 地 
天 闭 了 页 面 ， 甚 至 看 都 没 看 一 眼 上 面 的 内 容 。 

本 章 随 后 的 内 容 将 讲 到 ， 人 允许 用 户 天 挥 帮助 页 面 的 设置 非 党 重要。 如 果 没 有 
这 一 选项 ， 用 户 一 定 会 十 分 恼火 ， 进 而 对 设计 者 产生 人 负面 的 看 法 。 

无 论 如 何 ， 设 计 者 可 以 根据 选 定 规格 ， 尽 可 能 保留 专属 页 面 的 优点 ， 尽 量 避 
ARI AZ. COO, HRA LNT IER RH, RRA AiR 
背景 。 这 样 一 来 ， 帮 助 页 面 就 不 会 给 用 户 市 来 “无 处 可 逃 ”的 压迫 感 。 
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应 用 程序 


PATH 用 户 可 以 看 到 帮助 页 面 下 的 人 机 交互 界面 ， 确 认 随 时 能 退出 


帮助 页 面 ， 因 为 操作 页 面 就 在 下 边 等 厦 日 己 。 


© 


Start a conversation! 


Let's get started 


E 


DIE, REA BOTA ROT RELL A AARAA Re A Mime a A A 
的 理想 ， 却 要 冒 看 失去 用 户 的 风险 ?这 也 太 遗 憾 了 ! ee, MARR, 
既 能 限制 不 良 后 果 ， 又 能 保证 教学 效果 。 


FARRER f 


仅 用 屏 才 的 一 部 分 展现 教学 内 容 ， 用 户 束 不 会 感到 家 束缚 了 。 保 留 原来 使 用 
页 面 的 一 小 部 分 ， 能 让 用 户 更 好 地 理解 说 明文 字 ， 巨 其 当 后 者 特有 所 指 时 ， 比 如 
Timi LAV. Blix, REISE. 


HA ABR il Ce bes — A iT AAR SN ESE. BOR, AY 
果 和 专属 屏幕 一 样 明 显 。 和 平板 电脑 相 比 ， 这 一 现象 在 智能 手机 上 更 明显 ， 因 为 
智能 手机 的 屏 需 大 小 相对 较 小 ， 用 户 的 注意 力 更 加 集中 一 当然， 用户 的 目光 必 
须 注视 肴 屏 需 才 行 。 设 计 者 可 以 选择 不 同方 式 显 示 必 助 内 容 : FSR Kh F 
在 正文 之 上 ,或 者 与 正文 融 为 一 体 。 


开辟 专属 区 域 

任 屏 萌 上 专门 开辟 一 片 专属 区 域 用 来 阿 用 户 解 释 说 明 ， 这 是 一 个 很 好 的 折 中 
解决 方案 : 设计 者 传达 信息 的 同时 ， 保 证 用 户 仍 能 使 用 交互 界面 ， 原 页 面 了 时 内 容 
也 清晰 可 见 。 用 户 可 以 选择 阅读 信息 ， 或 者 选择 无 视 它 。 这 是 用 户 的 选择 目 由 ， 
设计 者 绝 不 能 强迫 。 这 样 一 来 ， 设 计 痢 不 太 会 激 起 用 户 的 负面 情绪 。 
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应 用 程序 
用 户 无 需 被 迫 停 下 来 处 理 专属 区 域 ， 歼 率 不 受 影 啊 。 PINTEREST 


Discover more Pins! 
Polow Fenda who share your laste fo 
discover more Pins 


Hot now Find friends 


上 


巧 用 “小 贴 士 ” 
帮助 页 面 以 “小 各 门 ” “小 贴 士 ” 的 形式 浮现 在 正文 之 上 。 此 时 ， 帮 助 功 能 


往往 明确 指 回 交互 界面 上 的 某 一 元 素 。 这 种 表现 形式 的 优点 在 于 ， 说 明文 字 不 会 
与 正文 内 容 混 为 一 谈 。 


应 用 程序 WAZE 
和 SEPHORA 的 
移动 终端 网 站 


ore ars 


WAZE 和 SEPHORA 的 移动 终端 网 站 采用 “小 贴 士 ” 的 形式 显示 帮助 信息 ， 指 明 行 为 召 
唤 ， 解 释 隐 藏 的 功能 效果 。 这 种 方法 能 吸引 用 户 的 注意 。 


与 正文 内 容 融 为 一 体 
最 后 介绍 一 种 无 需 专属 页 面 的 方法 : 让 这 明文 字 与 屏幕 显示 的 正文 内 容 融 为 
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应 用 程序 
TWITTER, 
AIRBNB 和 

SUPER 


匠心 体验 O 智能 手机 与 平板 电脑 的 用 户 体验 设计 


一 体 。 当 然 ， 只 有 在 应 用 程序 中 存在 合适 的 栏目 空间 时 ， 设 计 者 才能 考虑 使 用 这 
种 方法 ， 比 如 滚动 新 闻 版 块 、 清 单 等 。 在 用 户 看 来 ， 说 明文 字 的 入侵 性 降 到 最 
低 。 说 明文 字 与 正文 融合 得 程度 越 深 ， 真正 认真 使 用 应 用 的 用 户 就 越 容易 看 到 。 

同时 ， 设 计 者 需要 设 定 一 此 规则， 防止 说 明文 字 过 分 凸显 ,，“ 污 染 ” 真 正 的 
正文 内 容 。 这 里 仍 是 使 用 频率 决定 了 用 户 对 这 种 方法 的 接受 程度 。 


Er 


FRIENDS - 7 
IM THINKING 
IT'S REALLY FUN TO [OV 
POSES ON SUPERI =. 
a. a, d g` 


r 


Vous pouvez désormais 
tapoter longuement sur un 
Tweet afin de le partager par 


Message Prive, 
Gagnezdu 


om crédit voyage 
Eiet 

Un irès grand merci à Gviciorbriiopro 

paur be ha-ir che oul che 

P@opquast day 


在 正文 内 容 中 显示 操作 窃 门 。 这 种 方法 比 在 正文 上 方 浮现 “小 贴 十 ”或 设置 专属 页 面 的 方 
法 所 造成 的 入 侵 感 要 小 很 多 。 另 外 ， 用 户 同 下 拉动 滚动 页 面 时 ， 说 明文 字 自 然而 然 地 消 
失 。 这 样 ， 就 没有 必要 特意 隐藏 说 明文 字 了 ， 当 然 ， 隐 藏 说 明文 字 的 方法 永远 值得 肯定 ， 
Lid TWITTER 和 AIRBNB 的 例子 。 


帮助 专栏 : 最 好 作为 补充 


设计 者 希望 提供 教学 内 容 时 ， 通 第 的 反应 是 创建 “帮助 专 柱 ”"。 但 问题 是 ， 
除非 用 户 在 从 前 的 使 用 过 程 中 见 到 过 帮助 专栏 ， 并 想 特意 查找 某 个 问题 ， 否 则 ， 
用 户 很 少 主动 查阅 帮助 专栏 。 在 这 种 情况 下 ， 用 户 必 须 能 找 回 帮助 专栏 。 因 此 ， 
把 帮助 专栏 作为 处 充 ， 配 合 边 使 用 、 边 学 习 的 分 散 式 教学 法 ， 才 会 更 加 有 效 。 

另外 ， 如 果 移 动 应 用 如 同一 种 工具 ， 而 且 使 用 频率 很 局 ， 帮 助 专栏 的 作用 更 
大 。 对 依靠 操作 手 努 进行 操作 的 应 用 来 说 ， 由 于 操作 手势 不 易 补 发现， 帮助 专栏 
的 辅助 作用 必 不 可 少 。( 详 见 第 一 重 。) 

如 果 帮 助 内 容 仅 接 述 了 交互 界面 ， 这 其 实 是 一 种 不 好 的 信和 号， 间接 承认 了 设 
计 存 在 不 足 之 处 。 如 果 界 面 设计 精 慨 ， 即 使 是 用 户 没 有 在 屏幕 上 见 过 的 内 容 ， 界 
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面 也 能 癌 用 尸 指示 清楚 。 


如 何 呈 现 帮 助 内 容 ? 
帮助 内 容 的 呈现 方式 会 对 用 户 的 感受 产生 巨大 影响 。 文 字 、 图 画 、 动 画 、 视 
频 、 真 实 互动 …… 或 者 多 种 方式 相互 结合 ， 设 计 者 有 很 多 选择 以 达成 目标 。 


MFR eA il? 

第 一 条 建议 ;一 定 要 注意 ， 文 字 有 一 定 的 理解 难度 。 为 了 充分 理解 文字 信 
息 ， 用 户 往往 需要 全 神 贯 注 地 阅读 。 移 动 应 用 的 设计 者 们 有 时 过 分 依赖 于 文字 
了 。 但 在 实际 使 用 环境 中 ， 很 少 有 人 能 够 全 程 认真 阅读 。 大 多 数 用 户 只 是 匆匆 浏 
览 ， 更 像 是 在 撕 取 主要 信息 ， 而 不 是 真正 意义 上 的 阅读 。 

然而 ， 图 画 也 不 再 是 无 懈 可 击 的 好 办 法 。 在 移动 终端 上 开展 教学 时 ， 设 计 者 
应 该 根据 具体 情况 和 希望 解释 的 内 容 选择 使 用 文字 还 是 图 画 。 

。 在 交互 界面 上 的 较 小 区 域内 展示 “小 贴 士 "， 文 字 说 明 更 加 适合 ,空间 有 限 

时 ， 文 字 说 明 通 常 更 加 有 效 。 而 且 ， 说 明文 字 的 长 度 越 短 ， 越 利于 读者 的 
阅读 和 理解 。 设 计 者 要 考虑 在 文字 长 度 和 内 容 详 细 程 度 之 间 找到 平衡 点 。 

。 使 用 专属 页 面 时 ， 要 毫 不 犹 称 地 采用 图 画 盖 述 自己 的 意图 。 当 然 ， 不 单 要 

依靠 图 画 ， 还 要 添加 一 些 文字 说 明 。 注 意 ， 文 字 内 容 必须 简洁 明了 。 

。 设 计 者 需要 说 明 的 东西 越 多 ， 表 现 手法 就 应 该 越 多 样 。 如 果 全 部 内 容 都 采 
用 文字 形式 ， 用 户 会 难以 分 辨 信息 ,不 愿意 深入 阅读 。 

向 用 户 介绍 某 种 操作 手势 时 ， 效 率 最 高 的 教学 方法 就 是 视觉 展示 : 使 用 手 的 
图 示 表现 ; 或 者 ， 如 果 操作 手法 比较 简单 ， 可 以 使 用 箭头 指示 动作 的 方向 ， 
比如 箭头 向 下 表示 向 下 滑动 。 如 果 将 相关 界面 元 素 都 象征 化 地 展示 出 来 ， 就 
更 好 了 。 设 计 者 还 可 以 展示 操作 手势 的 效果 ， 让 用 户 了 解 操作 手势 的 用 途 。 
。 当然， 如 果 说 明 内 容 能 与 界面 结合 ， 只 需 文字 即 可 | 


交互 设计 领域 ,文字 与 图 画 和 氢 此 配合 、 相 互 诠释 的 策略 永远 能 够 保证 用 户 准确 地 
理解 信息 。 
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应 用 程序 N | | l 
JELLY 所 有 信息 都 用 文字 表达 ， 结 果 “ 向 下 滑动 关闭 卡片 ”这 一 操 
作 手 势 的 说 明 淹没 在 文字 中 。 这 一 操作 手势 在 此 球 应 用 程序 
中 至 关 重 要 ， 整 个 交互 系统 都 建立 在 这 一 操作 手势 之 上 。 而 
A, 下 滑 操作 手势 是 关闭 该 页 面 的 唯一 途径 ! 
Jelly ts a new way to search 
with pictures and people fram 
your social networks 
Let's help each othert 
o 应 用 程序 oo RD 全 we "nO 
TELE LOISIRS 和 Anonymously “Like” or “Pass” on 
TINDER Nouvelle navigation people Tinder Suggests. 


~ 


J'ai compris 


上 


展示 交互 界面 或 用 视觉 效果 展示 操作 手势 ， 并 搭配 补充 文字 说 明 ， 帮 助 用 户 理解 建议 的 
内 容 。 


让 教学 内 容 活 动 起 来 


用 “移动 ”吸引 注意 
企 教学 内 容 上 使 用 动画 效果 方法 很 简 里 ， 让 之 前 看 到 的 文字 或 图 片 动 起 来 。 
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SLE OQ 用 户 教学 与 用 户 


动画 效果 的 目的 是 把 用 户 的 注意 吸引 到 教学 内 容 上 ， 或 者 让 教学 内 容 更 加 鲜 活 。 


参与 


注意 ， 不 要 过 分 强调 动画 效果 ， 不 能 让 用 户 觉 得 不 适 。 


相关 元 系 。 只 需 8 个 像 系 的 幅度 就 能 让 用 户 看 到 完美 的 动画 
效果 。 


eeeco Free F T 15:40 $ 99 % E+ 应 用 程序 
A A) AVERE “NM” REZ, DRERI | GOOGLE 
HANGOUTS 


Nicolas Hess 1301 
Vous: Ca fait une étermité que pe ne 
l'ai pas vue 

X f D 


Laureline jeu 
Vous: merci ! 
Igor jeu 
e Et un bon anniversaire ! Plein de 
bises 
Virginie 28 now 
Vous: ah yes 


Julie P. 22 oct 
@ T Merci Amélie 
= * 9 x. 


通过 动画 展现 实际 操作 
企 移 动 终端 上 开展 教学 ， 怎 能 不 使 用 真正 的 动画 呢 ! 通过 模拟 用 户 与 移动 终 
峭 设 备 之 间 的 互动 ， 在 实际 操作 〈 用 动态 呈现 ) 和 教学 内 容 之 间 建 立 对 照 天 系 。 


AC, FHS SS UAH. Wate, APA Dict. 
| 应 用 程序 
Drag articles up to Drag articles up to 应 用 程序 用 动画 的 形式 展示 了 如 何 进 行 KLOUT 


preview and share. preview and share. 


操作 ， 动 态 十 足 ! 
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应 用 程序 
RISE 


RK Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


用 视频 吸引 注意 、 开 展 教学 

视频 十 分 适合 呈现 并 解释 应 用 程序 的 使 用 方法 。 和 动画 一 样 ， 视 频 可 以 将 交 
互 设备 的 使 用 方法 动态 地 展现 出 来 。 设 计 者 应 该 把 视频 教学 法 用 于 工具 类 且 使 用 
率 高 的 应 用 程序 中 。 

用 户 在 初次 使 用 时 ， 或 者 还 处 在 刚刚 接触 的 探索 阶段 时 ， 视 频 教学 更 多 起 到 
说 服用 户 使 用 程序 的 作用 。 在 接 下 来 的 使 用 过 程 中 ， 视 频 教学 可 以 教会 用 户 掌握 
高 级 功能 ， 不 断 进步 。 需 要 指出 的 是 ， 这 种 方法 目前 只 会 出 现在 极 少数 专业 领域 
的 应 用 程序 中 。 

从 纯粹 的 后 全 技术 方面 看 ， 视 频 教学 的 最 大 缺点 是 必须 播放 才能 观看 。 播 放 
是 一 个 重要 的 逃离 点 ， 对 很 多 希望 观看 教学 内 容 的 用 户 来 说 是 个 难点 。 所 以 ， 设 
计 者 应 该 在 确定 用 户 确实 希望 观看 教学 内 容 的 前 提 下 ， 再 采取 这 种 方式 。 实 际 
上 ， 仔 细 观 看 教学 视频 的 用 户 并 不 多 ， 但 正 是 这 些 人 一 定 会 成 为 最 忠实 的 用 户 。 
把 教学 视频 作为 传统 教学 内 容 的 补充 手段 ， 也 不 失 为 一 种 好 方法 。 
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应 用 程序 
PAPER (53) 


上 


视频 向 用 户 教 授 如 何 使 用 应 用 程序 中 的 重要 功能 。 除 此 之 外 ，PAPER 还 在 教学 功能 中 加 
入 了 附 册 ， 有 时 是 视频 ， 而 不 是 静态 图 片 。 在 截图 中 ,“ 放 大 ”功能 图 示 的 注释 中 附 载 一 
段 视频 。 视 频 并 非 传统 意义 上 的 教学 视频 ， 其 作用 是 吸引 用 户 注意 ， 动 态 展示 一 种 实际 功 
能 ， 为 用 户 市 来 一 段 情 感 体验 。 


引导 用 户 参 与 实践 


为 了 熟悉 一 款 应 用 的 操作 方法 ， 有 什么 比 亲自 动手 更 好 的 方法 ? 有 一 种 教学 
方法 主张 鼓励 用 户 亲 身 实践 ， 动 手 操作 。 当 然 ， 这 种 用 户 参 与 的 方法 仅仅 适合 
些 特定 情况 ， 比 如 在 学 习 操 作 手势 时 ， 用 肢体 语言 教学 更 合适 ， 用 户 只 要 成 功 操 
作 一 次 ， 就 能 记 住 手势 的 操作 方法 和 实施 的 可 行 性 。 
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应 用 程序 
MAILBOX 


应 用 程序 
SCRABBLE 
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这 种 教学 方式 绅 在 障 伴 用 户 执行 操作 ， 而 不 仅 是 辐 其 展示 如 何 操作 。 请 用 户 
茶 目 皇 试 操作 ， 让 用 户 摆脱 窜 动 学 习 的 状态 ， 成 为 教学 内 容 的 主动 执行 者 。 


Long Swipe Right to Trash 
Now try swit j a message further 


E 


教学 指导 建议 用 户 尝 试 必要 的 电子 邮件 操作 ， 存档 、 删 除 、 稍 后 发 送 等 。 用 户 成 功 操作 了 
一 次 之 后 ， 程 序 还 会 称赞 一 下 。 


如 果 程 序 要求 反 复 执 行 同 类 操作 ， 这 种 教学 方法 十 分 合适 。 记 得 将 这 种 方法 
用 于 主要 功能 操作 的 教学 活动 ， 人 否则 ， 用 户 会 澳 得 被 迫 做 学 了 无 用 的 操作 ， 做 了 
无 用 功 。 

潜移默化 的 教学 方法 既 可 以 是 豆 励 用 户 尝 试 (比如 上 面 MAILBOX 的 例 
子 )， 也 可 以 在 实际 操作 中 协助 用 户 : ARPA AREA, iAH 
确 指出 主要 选项 ， 引 导 用 户 选 择 ， 建 议 用 户 皖 试 使 用 最 第 用 的 功能 。 


tn 启动 页 面 通过 一 系列 选项 引导 用 户 学 
“J 9 凸显 了 最 适合 初学 者 学 习 的 基本 操 
一 一 一 作 方 法 。 用 户 一 边 体验 一 边 学 习 。 今 后 
t 开启 程序 时 ， 教 学 内 容 不 会 再 出 现 ， 用 
户 会 在 使 用 过 程 中 浏览 整个 程序 ， 进 而 

学 习 探 索 全 部 使 用 功能 。 
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应 用 程序 
TELE LOISIRS 

应 用 程序 刚刚 解释 过 菜单 的 使 用 方法 ， 随 即 引导 用 户 关闭 菜单 ， 并 邀请 用 户 自己 尝试 。 精 

心 设计 的 教学 路 程 让 用 户 亲身 参与 ， 牢 牢记 住 操作 手法 。 
应 用 程序 
WUNDERLIST 


上 


想 解 释 清楚 一 件 事 ， 举 例 是 最 好 的 方法 ! WUNDERLIST 让 用 户 从 选择 默认 清单 开始 认识 
这 球 程 序 。 程 序 将 其 他 用 户 最 常 创建 的 清单 推荐 给 初来乍到 的 新 用 户 ， 帮 助 后 者 做 好 准备 
工作 。 这 种 方法 不 但 效率 高 ， 还 具有 不 可 忽视 的 教学 价值 : 让 用 户 了 解 这 款 应 用 程序 的 使 
用 方式 。 
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应 用 程序 
FOURSQUARE, 
SOUNDCLOUD, 
TAXIS BLEUS 和 

SECRET 
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明确 区 分 教学 内 容 与 操作 界面 

混 语 教学 内 容 与 真正 的 操作 界面 ， 这 是 移动 应 用 教学 设计 中 淤 藏 时 重大 风险 
之 一 。 我 们 已 经 看 到 ， 设 计 者 有 必要 展现 并 保留 操作 青 景 ， 这 样 能 赋予 教学 内 容 
更 多 意义 。 但 一 定 要 注意 ， 教 学 内 容 的 呈现 方式 不 能 含混 不 清 ， 一 定 要 做 到 用 户 
一 眼 就 能 看 明白 这 仅仅 是 教学 内 容 ， 是 对 操作 界面 的 介绍 、 说 明 。 


Playlists 


Build your collection 
We your favorite tracks with likes and 
playlists. I's @asy to hear your fa rite 


Start Listening 


: NOUVEAU! : 


Prix Maximum Garanmtl ! 


Tass Bigus wos garantit chy my pias 
Gipasser un prix ma lr pour 


vos trapets. 


\ 


Everyone gets a unique icon for every 


PRE HAX APT 


很 多 策略 者 可 以 防止 教学 内 容 与 真正 的 操作 内 容 混 淆 : 网 解 操作 界面 、 呈 现 部 分 交互 界面 
或 者 将 操作 界面 进行 模糊 人 处理。 


应 用 程序 
ra MERIBEL Se LA CHAINE METEO 


EN LIVE 


Ny 


作为 教学 例子 的 天 气 预 报 和 实际 的 天 气 预 报 采 取 了 相同 的 表现 形式 ,彼此 混杂 在 一 起 。 用 户 
很 难 分 辨 哪里 是 纯粹 的 教学 部 分 ( 其 实 是 蓝 色 圆圈 里 的 手 形 标志 )。 为 外 ， 由 于 视觉 上 很 容 
易 混 消 ， 用 户 需 要 耗费 更 多 脑力 : 这 种 设计 让 人 很 难 弄 清楚 日 己 看 到 的 是 哪 一 类 内 容 。 


为 了 避免 误导 用 户 ， 避 免 将 教学 内 容 与 真正 的 操作 内 容 混为一谈 ， 请 设计 者 
特别 关注 第 一 章 提 到 的 错误 操作 指示 问题 ， 不 要 让 用 户 把 无 法 进行 人 机 交互 操作 


的 元 素 误 认为 可 以 操作 。 


应 用 程序 
这 个 教学 页 面 看 起 来 似乎 属于 人 机 交互 界面 ， 但 实际 上 仪 是 LES PETITS 


一 个 静态 界面 ， 告 诉 用 户 在 进入 应 用 程序 后 应 该 采取 什么 操 COMPTES 
作 步 又。 界面 的 表现 形式 和 说 明文 字 都 在 诱导 用 户 采 取 行 


动 ， 造 成 了 误会 。 


1. CREEZ VOTRE PETIT COMPTE 


<i 
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EWU, A eee 


用 户 没有 主动 提出 要 求 ， 系 统 就 自行 跳出 内 容 ， 这 种 方法 永远 存在 风险 。 我 
们 很 难 判断 用 户 会 不 会 对 跳出 的 内 容 感 兴趣 。 建 议 设计 者 尊重 用 户 自由 选择 的 权 
利 ， 尽 量 减 少 入侵 性 ， 不 要 呈现 出 吊 吊 逼 人 的 感觉 。 


法 国 天 气 预报 的 [cowmrs 97m 
应 用 程序 ”了 @ Meteo France 


My 


注意 ， 这 里 所 说 的 “建议 ”并 不 意味 着 要 额外 添加 一 步 选择 。 在 例子 中 ， 应 用 程序 让 用 户 
在 “教学 内 容 ” 与 “直接 进入 程序 ”之 间 进 行 选择 。 从 用 户 体验 方面 看 来 ， 这 属于 典型 的 
空白 页 面 ， 除 了 导航 没有 任何 作用 。 对 于 那些 不 想 阅 读 教学 内 容 的 用 户 来 说 ， 这 个 页 面 的 
出 现 和 默认 出 现 教学 内 容 产 生 的 结果 是 一 样 的 ， 只 不 过 增加 了 一 个 选项 ， 用 户 可 以 选择 不 
阅读 而 已 。 如 宁 没 有 这 个 页 面 ， 还 会 节省 一 个 步 又 ! 


ANE fay FA AY ht LE 
设计 者 应 该 已 经 了 解 ， 教 学 内 容 与 其 他 内 容 的 最 大 区 别 在 于 前 者 出 现 的 具体 


环境 。 教 学 刺 油 的 数量 是 用 尸 决定 接受 还 是 放弃 教学 的 重要 因素 。 如 果 设 计 者 用 
力 过 猛 ， 用 户 会 完 得 壮 到 骚扰 ， 决 定 放 弃 使 用 。 
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应 用 程序 
推荐 各 种 功能 、 教 授 使 用 方法 的 信息 源 | FIDME 
源 不 断 ， 很 容易 让 用 户 感到 厌倦 。 信 息 
总 量 不 但 过 大 ， 而 且 在 每 个 页 面 打开 时 
都 会 出 现 。 如 果 用 户 不 点 击 “ 不 再 显示 
提示 ”的 选项 ， 同 样 的 信息 会 反 反复 复 
地 出 现 。 


允 计 调换 内 容 或 跳 过 步 又 


设计 者 执意 展示 用 户 疫 有 主动 要 求 观 看 的 内 容 ， 无 论 出 于 何 种 目的 ， 最 重要 
的 是 让 用 户 拥 有 选择 的 权利 ， 能 目 行 决定 是 否 观 看 推荐 内 容 ， 人 允许 用 户 跳 过 这 
一 步 去 做 其 他 事情 。 回 用户 询问 非 必 要 信息 、 执 行 非 强制 性 操作 〈 比 如 关联 通讯 
录 )， 或 者 在 用 户 使 用 应 用 前 介绍 各 种 功能 ， 设 计 者 在 以 上 这 些 情况 中 必须 允许 
用 户 目 己 选择 ， 让 用 户 能 够 跳 过 这 些 步 又 。 


应 用 程序 
RUNKEEPER 


如 果 用 户 不 想 提供 信息 ， 应 用 程序 允许 用 户 跳 过 〈Skip ) 这 
一 步 。 


Birthdate Enter 


Weight 
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行为 召唤 的 表现 形式 影响 用 户 体 验 

人 允许 “ 跳 过 ”的 行为 召唤 应 当 请 晰 、 明 确 。 通 间 来 说 ， 说 明文 字 比 图 标 更 加 
明显 。 所 以 ， 设计 者 可 以 使 用 “忽略 ”“ 跳 过 ”“ 离 开 ”“ 不 需要 ”等 字样 ， 做 成 
按钮 或 和 链接。 如果 使 用 图 标 ， 表 达 最 清楚 的 应 该 是 稍 头 ( 进入 下 一 页 ) 或 者 图 标 

x” (RH )。 

除了 行为 召唤 本 身 的 特点 之 外 ， 其 图 标 规 格 和 在 页 面 上 的 位 置 也 会 影响 目 身 
的 明显 程度 。 设 计 者 需要 估计 教学 说 明 内 容 会 在 何 种 程度 上 扰乱 用 户 原 本 进行 的 
活动 : 如 果 估 计 用 户 很 可 能 对 教学 说 明 内 容 全 无 兴趣 ， 那 么 就 要 准备 很 明显 的 行 
为 召唤 ， 让 用 户 一 眼 发 现 “ 跳 过 ”的 指令 ， 迅速 操作 ， 和 忽略 教学 说 明 内 容 。 


应 用 程序 SWARM, 
GOOGLE MAPS 和 GNC 
SKYPE Profitez dune carte 


Neighborhood Sharing personnalisée 


amelie boucher 
amelie ggmail.com 


Conneion rët un autre comple 


“ 跳 过 ”的 行为 召唤 必须 清晰 、 明 确 ， 越 能 一 日 了 然 就 越 好 。 当 然 ， 最 重要 的 是 提供 选择 ， 
允许 用 户 跳 过 不 想 读 的 内 容 。 
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世界 自然 基金 的 
平板 电脑 应 用 程序 
WWF TOGETHER 
简单 点 ! WWF TOGETHER 提供 了 两 种 “ 跳 过 ”教学 内 容 的 方式 :“ 关 闭 ” 或 者 “不 再 阅 
读 ”。 但 是 ， 两 个 行为 召唤 会 让 用 户 不 知 所 措 ， 他 会 考虑 选 哪个 更 合适 。 这 完全 没有 必要 ， 
因为 在 这 款 应 用 程序 里 ， 用 户 读 过 一 类 动物 的 相关 说 明 后 ， 没 必要 在 观看 另 一 类 动物 时 再 
次 阅读 同样 的 内 容 。 
何 时 提供 行为 召唤 
理想 的 情况 是 ， 设 计 者 始终 提供 “ 跳 过 ”的 行为 召唤 ， 人 允许 用 户 跳 过 教学 
内 容 ， 直 接 进 入 程序 。 这 样 一 来 ， 用 户 不 但 不 会 消极 等 待 ， 反 而 觉得 掌握 了 主 
动 一 一 主动 权 是 用 户 体 验 的 一 大 亮点 。 
应 用 程序 
COMNNEXION WW CREER UN COMPTE COHHEXION CREER UN COMPTE COMNEXION © CREER UN COMPTE U B E R 


UBER 在 初次 使 用 时 会 提供 教学 ， 但 用 户 在 所 有 页 面 上 都 可 以 选择 跳 过 这 一 步 又。 
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应 用 程序 
YUMMLY 


i — . 
BS CoM 

Ind recipes Ww maich y 
tastes and diet prefer: 


YUMMLY 提供 了 5 幅 教 学 组 图 ， 并 在 第 三 幅 上 开始 提供 “ 跳 过 ”选项 。 设 计 不 算 太 理想 ， 
但 总 比 强迫 用 户 读 完 所 有 内 容 的 效果 好 得 多 。 


AN RET 
如 果 不 涉 及 安全 问题 ， 请 不 要 两 次 提出 相同 的 要 求 。 在 移动 应 用 里 ， 反 复 提 出 
相同 问题 的 做 法 越 来 越 普 志 ， 但 用 户 会 认为 此 类 行为 十 分 无 礼 ， 缺 乏 诚 意 。 
应 用 程序 [Meer eae rt) T 


MESSENGER Di 


À quel numéro êtes-vous 
joignable 9 ignorer le numéro de 
» aera fie aces : 


s a Ajouter votre numire de téldphone 
‘a Dvdr Co, Pour aider bes amis qui Poni deja à 
vous trouver sa Messenger, 


Ignorer Ajouter en numains 


My 


FACEBOOK 推出 的 应 用 程序 MESSENGER 要 求 用 户 添 加 联系 方式 。 如 果 用 户 点 击 “以 后 
再 说 ”加 以 拒绝 ， 系 统 会 以 警告 的 方式 再 次 提出 同一 个 问题 。 用 户 在 安装 程序 后 要 经 历 长 
达 7 个 页 面 的 启动 流程 ， 这 只 是 其 中 之 一 。 这 时 候 多 一 个 页 面 、 少 一 个 页 面 给 用 户 的 感觉 
会 截然 不 同 ! 
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eF og 


SAAANA 
IK BS Re 


设计 者 很 喜欢 设计 教学 内 容 、 推 荐 内 容 或 上 手 教学 ， 借 此 突出 产品 中 
的 重要 元 素 ， 但 是 用 户 却 常常 不 买账 。 教 学 和 推荐 内 容 往往 会 打扰 用 户 的 
正常 使 用 ， 所 以 他 们 更 倾向 于 熟视无睹 。 所 以 ， 设 计 者 必须 掌握 好 分 寸 ， 
降低 上 述 内 容 的 和 人 侵 性 。 


不 要 在 教学 内 容 里 把 所 有 功能 都 介绍 一 过 ， 要 让 用 户 在 使 用 过 程 中 
BMF JRR. 


不 要 解释 显而易见 的 元 素 ， 尤 其 不 要 针对 区 互 界 面 上 不 言 目 明 的 操 
作 区 域 做 多 余 的 解释 。 


选择 恰当 时 机 进行 教学 。 用 户 过 大 好 为 人 师 的 应 用 程序 ， 讨 大 在 开始 使 
用 之 前 束 急 看 解释 的 做 法 。 在 初次 使 用 时 ， 教 学 内 容 应 当 引 导 用 户 发 现 核 心 
功能 。 设 计 者 还 可 以 根据 用 户 的 使 用 次 数 和 行为 特点 制定 全 程 教育 内 容 。 


最 好 在 潜移默化 之 中 实施 教学 ， 用 户 不 必 特 意 伦 时 间 藉 能 学 到 东西 。 


很 少 有 用 户 会 认真 阅读 帮助 页 面 ， 将 教学 内 容 分 散在 使 用 过 程 中 的 
方法 效果 更 佳 。 


设计 者 要 精心 策划 教学 内 容 的 表现 形式 : 配合 教学 内 容 ， 并 根据 教学 
时 机 选择 文字 、 图 画 、 动 画 、 视 频 等 手法 


囊 励 用 户 积 极 参与 ， 令 其 熟悉 移动 应 用 内 容 ， 尤 其 在 涉及 操作 手势 
时 ， 更 应 该 请 用 户 杀 号 实践 。 


用 户 容 易 混 消 教 学 说 明和 真实 界面 ， 应 该 在 外 观 上 对 两 种 页 面 加 以 
明确 区 分 ， 否 则 会 导致 用 户 流失 。 


过 犹 不 及 : 控制 教学 刺激 的 数量 ， 这 是 用 户 决 定 去 留 的 天 键 ， 避 人 免 教 
学 活动 过 多 的 问题 。 


一 定 要 允许 用 户 跳 过 教学 内 容 ， 为 用 户 提供 继续 前 进 的 必要 行为 召唤 。 


eee 
LAG 
a ES 
it Ne 
RFs Foye 
> 
Po A 
BS PEIEE, 
二 YA 
(ZE 
Pt OLN Gaede 
re A Ade 
> J AFi ART 4 
f s a i Fad A 
j M, 
| af ~ p 
AN 
-一 È 9 
一 
二 


二 
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激发 情感 ! 为 了 实现 这 一 目标 ， 设 计 者 从 未 停止 过 挟 试 各 种 奇 思 钞 想 : BR 
并 不 简 里 ， 不 但 会 根据 实际 情况 而 节 ， 还 需要 细心 和 巧 思 。 然 而 ， 这 正 是 塔 育 
佳 移动 终端 用 户 体验 的 土壤 。 那 些 充满 吸引 力 的 体验 设计 ， 不 都 是 因为 巧妙 地 触 
动 了 用 万 情 感 吗 ? 


心理 学 研究 表明 ， 人 类 天 生 豆 爱 享乐 、 惧 怕 痛 苦 ， 和 更 倾向 于 正面 情感 ， 而 远 
离 负面 情感 。 享 乐 主义 的 天 性 决定 了 人 类 寻找 快乐 的 本 能 ， 引 导 了 人 类 的 主观 行 
为 与 偏好 。 


对 于 一 种 产品 来 说 ， 享 乐 主义 的 特性 往往 与 其 实用 性 相互 矛盾 。 为 了 让 用 
户 达 到 “既定 目标 ",， 设计 者 借助 美学 设计 、 独 创 精 神 和 创新 思维 ， 赋予 产品 更 
多 魅力 。 享 乐 主义 元 素 是 用 户 体 验 的 一 部 分 ， 能 引发 愉悦 、 感 动 和 激励 之 情 。 
萨 拉 ， 戴 苏 巴 赫 及 其 同事 们 认为 享乐 主义 元 素 具备 “不 可 抗拒 的 吸引 力 ”， 能 够 
HEKA 


LEA PAE AAO NR ASS. BRL NEGA ER, PREZA 
主观 意识 的 影响 。 移 动 终端 的 用 户 体验 本 身 并 不 具备 情感 内 容 ， 需 要 设计 者 创造 
一 个 载体 。 

不 幸 的 是 ， 移 动 终端 的 使 用 过 程 经 常会 诱发 负面 情感 。“ 金 玉 其 外 ， 败 如其 
中 ”的 设计 理念 在 移动 终端 领域 里 比比 丝 是 ,设计 者 急功近利 ， 让 用 户 对 其 设计 
忍无可忍 。 本 章 将 探讨 如 何 向 应 用 程序 和 移动 终端 网 站 的 设计 中 注入 一 股 情感 的 
活力 ， 让 你 的 产品 脱颖而出 一 -就 让 我 们 来 看 看 情感 设计 。 


®© Diefenbach, S., Hassenzahl, M. (2011). The dilemma of the hedonic - Appreciated, 
but hard to justify. Interacting with Computers, 23 : 5, 461-472. 


应 用 设计 引起 的 情感 


首先 ， 情 感 设计 并 不 局 限于 人 机 交互 界面 。 为 了 打动 用 户 ， 我 们 要 从 头 开始 
思考 :我 们 要 为 用 户 提供 什么 ? 在 关注 表现 形式 之 前 ， 我 们 首先 要 仔细 考量 应 用 
程序 和 移动 终端 网 站 的 功能 核心 。 这 是 情感 的 第 一 载体 。 如 果 一 种 移动 应 用 使 用 
起 来 比较 难 ， 但 具有 超 高 的 实用 价值 ， 那 么 用 户 仍 会 继续 使 用 ， 因 为 它 提供 的 情 
感 体验 是 正面 的 。 设 计 者 如 果 希 望 给 予 用 户 正面 的 情感 体验 ， 首 先 要 让 用 户 达 到 
目的 ， 完 成 心愿 。 

因此 ， 设 计 者 要 从 产品 的 核心 主 则 着 手 ， 确 定 产品 的 关注 焦点 。 这 更 多 属于 
产品 战略 问题 ， 而 非 用 户 体验 设计 范畴 ， 我 在 这 里 就 不 多 做 解释 了 。 但 是 ， 围 绕 
在 服务 核心 主旨 周围 的 次 要 功能 ， 反 而 关 平 用 户 体验 ， 能 够 激 起 用 户 的 各 种 情感 
反应 。 


用 功能 激发 情感 ， 要 从 唐纳德 ， 诺 曼 提 出 的 “设计 的 行为 层面 ”着 手 。 如 
果 想 深入 研究 想 进一步 了 解 这 一 主题 ， 建 议 阅 读 诺 曙 的 经 典 著作 《情感 设计 》 
( Emotional Design )。 


量 身 定 制 的 功能 计生 活 更 加 便利 

能 引起 用 户 情感 反应 的 功能 绝 不 会 是 手 到 擒 来 的 常用 功能 。 为 了 博取 好 感 ， 新 
功能 必须 能 切实 改善 用 户 生活 ， 适 应 实际 的 使 用 环境 ， 贴 合 主要 用 途 。 用 户 透 过 
“ 量 身 定制 ”的 功能 感受 到 设计 者 的 理解 ， 甚 至 超过 了 自己 的 预期 需求。 

不 可 否认 的 是 ， 这 种 情感 设计 绝 非 易 事 : 设计 要 依赖 特殊 的 尖端 技术 ， 而 技 
术 开发 有 时 十 分 艰辛 。 想 让 自己 的 产品 脱颖而出 ， 这 是 必须 付出 的 代价 。 但 是 ， 
有 时 极其 简单 的 想法 反而 能 让 设计 者 的 作品 大 获 成 功 ! 


233 


匠心 体验 QO 智能 手机 与 平板 电脑 的 用 户 体验 设计 


应 用 程序 — 
CITYMAPPER 和 —— ewe © 
TRANSIT [peu = AAA 


Ment 


$Å walk 


La Murio - Boulerraiien ALE 


fal 52 


phi Rus d la Pair 


KEUR EAS MIAE A RAR SETAE AT A EGA , Wen AMEA HRE h 
门 。 这 种 功能 对 乘坐 公共 交通 工具 的 乘客 非 管 有 用 。 关 键 在 于 ， 设 计 者 能 否 想 到 这 种 功 
能 ! 实际 上 ， 具 备 这 种 功能 的 应 用 程序 并 不 多 ， 只 有 少数 交通 工具 应 用 程序 配备 该 功能 。 
奇怪 的 是 ， 公 共 交 通 的 官方 应 用 程序 往往 数量 少 、 服 务 质量 差 。 官 方 应 用 程序 可 能 因为 自 
己 可 以 轻松 拥有 各 种 必要 的 数据 ， 反 而 不 思 进 取 ， 名 视 了 用 户 真 正 的 需求 。 


应 用 程序 
VIVINO 


POSITIMONNER L' 


ETIQUETTE DU VIN 


DANS CE CADRE eee En attente de 
a, k analyse manuelle 


fm 
Lk 


X Opher pour ke Fast Track 
Pesper b ly version PRO ef prenet une bong eerie 


用 户 不 再 为 输入 文字 而 烦恼 : 只 需 扫 描 标签 即 可 登记 一 瓶 酒 。 这 么 有 趣 的 方式 就 像 在 做 游 


戏 : 真 的 能 扫 上 吗 ? 几乎 所 有 标签 都 能 扫描 成 功 。 就 算 程序 偶尔 不 能 辨认 标签 ，VIVINO 
也 会 提供 人 工 服务 帮助 用 户 。 
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AR SN se hE RG A 
P 7\ © ER A is 


研究 用 户 使 用 行为 ， 发 据 “ 魔 法 功能 

设计 者 对 用 户 的 使 用 行为 了 如 指 和 敬 ， 长 至 能 创作 出 用 户 难 以 想象 的 功能 ， 唯 
有 这 样 ， 设 计 者 才能 通过 目 己 的 产品 顾 得 情感 设计 的 挑战 。 

为 了 设计 出 这 样 的 功能 ， 设 计 者 应 该 向 用 户 咨 询 、 观 宗 并 记录 真实 的 使 用 情 
况 。 设 计 者 要 把 目 己 完全 沉浸 在 用 户 的 使 用 习惯 与 需求 当中 一 一 不仅 揣摩 用 户 针 
对 移动 终端 设备 的 习惯 和 需求 ， 还 要 分 析 厂 义 上 的 生活 习惯 与 需求 。 不 要 止步 
询问 用 户 想 要 什么 ， 那 样 很 难 融 来 真正 意义 上 的 单 新 。 但 是 ， 设 计 者 仍 需 坚持 完 
成 这 一 分 析 和 体会 过 程 ， 把 目 己 放 在 用 户 的 位 置 上 仔细 揣摩 ， 更 好 地 理解 造成 用 
已 习惯 演变 的 大 环境 ， 把 握 其 中 的 机 遇 与 限制 。 

设计 者 要 在 更 三 的 范围 内 理解 “功能 ”一 词 。 比 如 ， 如 果 设 计 者 认为 一 条 不 
首 的 原则 可 以 支持 一 种 建议 算法 ， 那 么 这 就 是 一 个 好 的 想法 ， 可 能 会 像 秦 法 一 桂 
产生 不 可 思议 的 用 户 体验 。 如 果 “ 魔 法 功能 ”属于 基础 系统 的 一 部 分 ， 会 更 加 苍 
人 注目 。 当 然 ， 设 计 者 也 可 以 把 这 类 功能 作为 可 选 功能 提供 给 用 户 。 


当 用 户 接连 观看 了 同一 部 连续 剧 的 几 集 之 后 ，NETEFLIX 会 很 贴心 地 跳 过 每 集 片头 的 前 情 
提要 ， 直 接 进 入 正片 。 


平板 电脑 应 用 程序 
NETFLIX 
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@NBA GAME TIME 


@NBA GAME TIME 


用 户 使 用 改 程序 观看 比赛 时 ， 可 以 屏蔽 比赛 分 数 。 很 多 球迷 在 观看 往 期 球赛 时 ， 并 不 愿意 
提前 知道 比赛 结 
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aft 


AS DS Se f 
第 六 和 草 Q | 


法 国 巴 黎 银 行 的 
应 用 程序 
MES COMPTES 


本 3 
更 al o n - 
i 


Mile BOUCHER 


pas o Naum 9 ticle, -| 


Mile BOUCHER 


w BET © Win 


: | 
oman! * | 


Ohi ani 
3.15450 
A VENIE O00 aa 
Mile BOUCHER 


me o kium o [ie ^ 


E 


程序 用 天 气 预报 的 图 标 比 喻 银行 账户 的 余额 状况 ， 用 户 不 用 登录 账户 就 能 了 解 账户 余额 的 
趋势 走向 ; 通过 双击 的 方式 ， 用 户 还 能 看 到 账户 的 实际 余额 。 有 些 用 户 查 阅 银 行 账户 仅仅 
是 为 了 跟踪 余额 状况 ， 对 于 这 些 用 户 来 说 ， 这 一 功能 改变 了 他 们 的 生活 方式 ， 非 常 贴心 。 


一 “给 我 惊喜 ” ( Surprise Me ) 功能 根据 用 
户 拥有 多 少时 间 观 看 演讲 及 其 对 主题 的 
TED 偏好 ， 为 用 户 推荐 合适 的 视频 。 当 然 ， 
aut 视频 的 痛 点 之 一 就 是 更 费时 间 。 时 间 对 
Get Inspired 任何 人 来 说 都 非常 宝贵 。TED 演讲 让 用 
i 户 从 一 开始 协调 好 时 间 问 题 ， 彻 底 扭 转 
了 人 们 对 时 间 的 看 法 : 花费 15 分 钟 换 

TA 取 一 次 人 生 启 迪 ， 绝 对 物 超 所 值 ! 

nbn 
Pe mela ee, eben 


TED 演讲 的 
平板 电脑 应 用 程序 


237 


= (ETA CO a 4e see E T eE AS Gh A à k A S oe 
匠心 体验 ND 智能 手机 与 平板 电脑 的 用 尸体 验 设 中 


激发 “情感 ”"， 并 不 是 非 要 让 用 户 在 用 了 你 的 应 用 程序 之 后 激动 得 从 沙发 上 
一 跃 而 起 。 这 可 能 仅仅 是 用 户 在 首次 发 现 菜 种 功能 后 的 会 心 一 笑 ， 抑 或 是 松 了 一 
口气 ， 心 想 :“ 还 好 他 们 想到 了 1!” 这 也 可 能 是 用 户 进 行 对 比 后 ， 选 择 了 你 而 不 是 
竞争 对 手 ， 尽 管 连用 户 自 己 也 不 清楚 是 什么 原因 。 


平板 电脑 应 用 程序 
EVERNOTE 


Dm- 


E 


EVERNOTE 很 了 7 解 用 户 ， 在 阅读 时 提供 了 荧光 标记 功能 。 | 
图 中 文字 来 源 : Rodrigo Garcia, Et balancez mes cendres sur Mickey, éditions Les Solitaires Intempestifs. 


FERS, TAIERE, IIR EA EVE ARE TIE RAVE At. RIA 
大 家 在 大 多 数 情况 下 的 确 襄 欢 退 求 融 效 ， 但 设计 者 不 要 在 这 个 方 回 上 走 得 过 远 ， 


感 ， 比 如 用 户 可 能 会 觉得 :“ 棒 极 了 ! 点 击 一 下 束 能 搞定 !” 但 这 一 丁点 儿 快 感 很 
快 束 会 德 没 在 没有 灵魂 的 用 户 体验 之 中 。 尤 其 在 设计 通信 交流 类 的 移动 应 用 时 ， 
设计 者 一 定 要 齐 导 ， 把 效率 视 为 唯一 的 目标 可 能 影响 到 人 际 天 系 。 
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< Messages (9) Chen xi atai MESSAGES 
Thank you very much. 

[| i 

ure welcome No problem Ok 


一 一 -一 一 一 一 一 一 一 一 


一 一 一 一 一 一 一 一 一 


用 户 只 需要 轻 轻 一 点 就 可 以 发 出 “不 客气 ”“ 没 关系 ” “OR”, gee gg perl 在 这 
个 例子 中 ， 我 们 看 到 了 设计 者 纯粹 从 产品 功能 方面 出 发 做 出 的 选择 ， 尺 管 让 交流 更 简单， 
oe 当然 ， 有 些 用 户 可 能 党 得 这 种 不 异 一 切 代价 换取 效率 的 方法 很 不 
错 ， 还 会 有 人 为 其 喝彩 ,但 作为 设计 者 ， 我 们 有 责任 拷问 自己 这 种 预先 设 定 的 交流 方式 存 
在 的 意 意义 与 价值。 


PRUE! 


ie bh a FEE A Re Zia, ARETA mI. B 
不 仅 要 提供 令 人 满意 的 功能 ， 还 需要 吸引 眼球 的 外 观 。 Ro SNES wien AY TE AR oe Ha 
烈 ， 如 果 不 注 重 外 观 ， 很 难 脱颖而出 。 人 们 越 来 越 不 能 容 态 外 观 不 够 靓丽 的 技术 
产品 。 在 电脑 、 电 话 、 软 件 、 应 用 程序 产品 大 规模 进入 个 人 生活 的 今天 ， 这 种 现 
家 尤其 明显 。 


FERS IW Bek, BRN AER. SWS MB 
动 应 用 质量 优 和 劣 的 表现 形式 之 一 ， 往 往 能 够 决定 用 户 是 否 继 续 贸 用。 其 实 ， 用 户 
会 根据 产品 的 外 观 推测 其 质量 的 优 和 劣 。 


用 户 在 下 载 应 用 程序 之 前 无 法 判断 功能 的 好 坏 ， 所 以 在 应 用 程序 领域 ,这 
种 “看 颜 值 ”的 现象 更 加 严重 。 人 们 在 说 明 介 绍 和 产品 外 观 上 费 尽 了 心思 。 移 动 
终端 网 站 的 情况 也 相差 无 几 : 首页 的 外 观 也 是 性 命 似 关 ! 
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美丽 即 美德 

无 论 在 社会 心理 学 还 是 最 近 兴 起 的 人 机 交互 设计 领域 ， 大 量 科 学 专著 都 表 
明 : 美学 在 人 们 的 决策 因素 中 占据 重要 地 位 。 

因此 ， 区 互 界 面 的 外 观 会 影响 到 用 户 对 系统 可 用 性 的 判断 。 无 论 一 款 应 用 
程序 实际 使 用 用 起 来 是 否 方便 ， 用 户 更 加 倾向 于 觉得 外 观 漂亮 的 应 用 程序 可 用 性 更 
强 。 人 们 为 什么 会 有 这 样 的 联想 ?原因 并 不 明确 : 信息 系统 设计 专家 特 雷 殉 汀 斯 基 
( Tractinsky ), EX% ( Katz )、 伊 卡尔 (Ikar ) 承认 ， 这 种 认 知 判断 机 制 的 原理 尚 
不 明确 。 他 们 推测 ， 人 机 交互 界面 的 美学 设计 影响 着 用 户 对 产品 可 用 性 的 判断 ， 
两 者 之 间 的 关系 如 同人 们 在 社交 过 程 中 ， 通 过 外 钥 判 断 一 个 人 的 品行 。 

的 确 ， 人 们 通常 会 认为 外 表 美 丽 的 人 具有 更 多 的 优秀 品质 。 这 就 是 典型 的 
“以 貌 取 人 ”心态 。1972 年 ， 凯 伦 . 迪 翁 (Karen Dion) 及 其 同事 就 这 一 课题 展 
开 研 究 ， 他 们 推 邮 ， 这 种 印象 来 目 社会 传播 ， 其 中 很 大 一 部 分 来 目 媒 体 宣传 。 人 
们 根据 外 观 建立 对 事物 的 印象 ， 这 一 社会 心理 学 现象 为 信息 界面 设计 提供 了 有 灵 
感 。 美 学 因素 既 可 以 吸引 用 户 ， 也 能 让 用 户 忠 诚 如 一 。 当 然 ， 外 观 设 计 不 仅仅 是 
为 了 在 主观 上 吸引 用 户 ， 下 文 还 会 详细 刘 析 。 


情感 设计 理论 学 家 唐纳德 * Be “MEL WER 车 是 不 是 跑 得 
更 顺 ?” 他 或 许 道 出 了 设计 的 真 详 。 


才学 为 认 知 服务 

人 类 认 知 与 情感 领域 的 科学 研究 结果 ， 为 设计 美丽 动人 的 交互 界面 提供 了 理 
论 基 础 。 认 知心 理学 方面 的 研究 表明 ， 交 互 界面 的 美感 不 仅 能 带 来 主观 享受 ， 还 
有 其 他 的 益处 。 美 学 设计 能 够 催生 出 更 经 济 、 更 适合 信息 化 任务 的 认 知 进程。 

其 中 ， 交 互 界面 带 来 的 优美 视觉 感受 能 激发 用 户 的 积极 情绪 ， 人 们 对 这 一 点 
进行 了 深入 研究 。 积 极 情绪 有 利于 人 们 采取 以 习惯 为 基础 的 行为 〈 在 移动 终端 上 ， 
很 大 一 部 分 就 是 习惯 性 行为 )， 有 利于 人 们 处 理 信息 、 进 行 决策 、 解 决 问题 。 通 过 
建立 丰富 的 信息 储备 ， 积 极 情绪 还 能 促进 更 富有 创造 力 、 更 灵活 的 认 知行 为 。 


如 果 读 者 希望 深入 了 解 情感 和 认 知 之 间 的 关系 ,请 参阅 艾 丽 丝 .' 伊 森 (Alice 
Isen) AT ARAN Ee, UKAZA + 费德勒 (Klaus Fiedler ) 的 作品 。 


第 六 章 OE 情感 体验 
后 


最 后 ， 积 极 情绪 降低 了 局 发 性 指导 的 成 本 ， 也 就 是 说 ， 仅 仅 采 取 很 简单 的 指 
导 策 略 ， 就 可 以 让 用 户 和 凭借 已 有 知识 达到 最 终 目 的 。 如 果 人 们 的 行为 依靠 局 发 性 
指导 ， 他 们 投入 的 认 知 努力 相对 较 少 ， 而 且 可 以 触 类 劳 通 。 最 终 ， 令 人 质心 怖 目 
的 界面 能 够 释放 用 户 的 精神 能 量 ， 让 用 户 把 注意 集中 在 最 重要 的 因素 上 : 移动 应 
用 的 内 容 ! 


还 剩 下 一 个 美学 主观 判断 问题 : 目 己 喜欢 的 东西 ， 别 人 是 否 一 定 也 喜欢 呢 ? 


“Fe” 的 判断 很 主观 ， 文 化 观点 却 类 似 

诚然 ， 每 个 人 对 于 “ 美 ” 有 着 各 自 不 同 的 定义 。 我 们 通过 用 户 的 犯错 数量 和 
完成 任务 所 需 时 间 判 断交 互 界面 的 实用 人 性， 当然 会 比较 客观 。 但 谈 到 一 个 交互 界 
面 美 不 美 的 时 候 ， 人 们 用 来 作对 比 的 元 素 就 比较 主观 。 

但 不 可 否认 的 是 ， 从 文化 层面 看 ， 人 们 对 一 些 事物 的 判断 仍 保持 一 致 。 在 丁 
方 社会 ， 仍 然 存在 定义 “ 美 ”的 一 致 性 标准 。 这 些 标准 能 够 帮 人 们 判断 哪 种 颜色 
看 起 来 更 加 赏心悦目 ， 元 素 如 何 排列 更 加 协调 。 因 此 ， 用 户 判断 交互 界面 美丽 与 
否 的 观点 往往 相同 。 


个 性 ， 情 感 的 动力 


情感 的 第 一 个 载体 是 品牌 的 个 性 。 充 分 挖掘 品牌 的 个 性 潜力 ， 就 是 抓 住 了 移 
动 终 问 背后 真正 的 机 遇 : 和 其 他 载体 一 样 ， 设 计 者 在 移动 终端 领域 展现 上 时， 正 是 
BOSE EH. FEW A BARS. WEE, wiruh, a 
了 让 人 分 辨 不 消 的 地 步 。 强 调 个 性 ， 才 能 够 让 作品 脱 锋 而 出 。 
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应 用 程序 
EASYJET 
在 加 载 过 程 中 ， 程 序 展现 与 品牌 标识 背景 类 似 的 宣传 元 素 ， 同 时 唤起 旅客 的 愿望 。 既 然 价 
格 不 是 关注 的 主题 ， 所 以 我 们 就 该 考虑 什么 能 够 让 用 户 开 心 ……… 
读者 如 果 需 要 查看 更 多 等 待 这 程 的 情感 设计 案例 ， 请 阅读 本 书 第 四 章 。 
COLETTE 的 
移动 终端 网 站 


© Apple Walch 


DS Glasses 


这 是 COLETTE 的 网 站 ， 用 户 绝对 不 会 认错 ! 个 性 鲜明 的 图 标 装点 着 所 有 栏目 、 背 景 图 
案 ， 连 购物 篮 中 充满 创意 的 小 购物 袋 图 标 上 都 是 品牌 标识 。 
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应 用 程序 
AIRBNB 
创建 帐号 
HF | 
张 背景 照片 让 用 户 沉浸 在 AIRBNB 的 世界 中 。 在 登录 表格 出 现 后 ， 背 景 照片 变 得 模 类 
在 浏览 过 程 中 ， 品 牌 世界 引发 的 情感 氛围 始终 伴随 着 用 户 。 
值得 一 提 的 是 ， 设 计 者 并 不 一 定 需要 一 个 既 有 品牌 或 者 个 性 很 强 的 品牌 才能 进 
行情 感 设 计 。 设 计 者 需要 的 是 属于 目 己 的 视 沉 风格， 甚至 独立 创造 出 品牌 个 性 ! 
IF 全 雅虎 新 闻 摘 要 的 
-enue ah a 应 用 程序 


和 斜面 裁剪 的 照片 和 独特 的 圆 形 符 号 让 人 过 目 不 走 : 每 个 主题 一 种 颜色 ， 没 有 填 色 的 圆圈 表 
示 未 读 的 文 草 , 已 填 色 的 圆圈 表示 读 过 的 文章 。 雅 虎 新 闻 摘要 有 痢 强 烈 的 个 性 风格 。 
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应 用 程序 
WUNDERLIST 

WUNDERLIST 以 背景 图 片 问 自己 诞生 的 城市 一 一 柏林 致意 。 这 张 照 片 也 是 WUNDERLIST 

给 用 户 留 下 的 印象 。 当 用 户 开 始 使 用 程序 的 时 候 ， 屏 幕 上 满 是 内 容 ， 背 景 网 片 被 低调 地 隐 

去 。 而 且 ， 用 户 还 能 根据 自己 的 意愿 变更 背景 图 片 。 

世界 自然 基金 的 
平板 电脑 应 用 程序 
WWF TOGETHER 


用 户 通 过 跳出 对 话 框 订 阅 电子 信 时 ， 背 景 中 的 折纸 动物 轻 轻 地 从 屏幕 项 端 掉 落 ， 组 成 金字 
塔 。 刚 刚 登 录 程 序 时 ， 折 纸 动物 就 会 出 现 ， 现 在 在 背景 中 再 次 出 现 ， 是 对 图 像 信 息 的 一 种 


呼应 。 在 应 用 程序 中 ， 这 种 设 定 没有 实际 意义 ， 却 展现 了 情感 设计 的 延续 性 ， 融 入 到 每 一 
此 人 机 交互 操作 当中 。 
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MSA T 


IW AAP aR ee he, AARTE ZENA i SIRS 要 展示 
它们 的 特殊 之 处 。 这 样 ， 在 怀 有 明确 目的 的 前 所 下， pear Made 
， 设 计 者 通过 作品 应 该 传达 怎样 的 理念 ” 表达 什么 意义 ? 给 用 户 留 


会 更 大 。 那 么 
下 何 种 印象 ?在 此 要 提醒 设计 者 : 要 根据 不 同 的 主题 变通 处 理 ， 实 际 具 体 情况 起 
到 了 决定 性 的 作用 ! 


EGGS & 


TOAST 
TAPIOCA 


JAMIE MALONE BRULEE 
[| 


i0| 2: 


应 用 程序 
UNIQLO RECIPE 


UNIQLO RECIPE 以 深 动 的 方式 在 屏幕 上 列 出 各 种 菜谱 ， 每 个 菜谱 使 用 一 种 颜色 ， 贯 穿 整 
个 应 用 程序 ， 随 着 用 户 下 拉 深 动 页 面 继续 浏览 ， 各 种 颜色 的 元 素 跃 入 眼帘 。 这 种 设计 除了 


增强 视觉 效果 之 外 ， 还 强调 了 每 个 菜谱 独一无二 的 特性 。 
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应 用 程序 
PATH 
ow. 
LE Ferner fw 2] 
在 滚动 页 面 上 ， 每 个 言论 内 容 上 都 标 有 小 钟表 ， 表 示 言 论 发 表 的 日 期 和 时 间 。 这 个 小 小 的 
细节 有 着 上 自己 的 意义 : 强调 时 歼 性 ,凸显 “日 报 ” 的 特点 。 
应 用 程序 
PICTURELIFE 


照片 尚未 加 载 完 毕 的 时 候 ， 屏 幕 上 呈现 出 斑 凋 的 五 彩 条 。 这 些 颜色 并 非 随 意 选 取 ， 而 是 正 
在 加 载 中 的 照片 的 颜色 主 调 。 
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让 人 机 关系 更 加 人 性 化 


当然 ,情感 设 计 最 大 的 用 途 之 一 是 让 用 尸体 验 更 加 入 性 化 。 有 些 元 素 尤 其 利 
于 达到 这 一 目的 。 比 如 ， 在 情感 设计 法 则 中 ， 我 们 经 党 发 现 吉 祥 物 能 让 服务 更 加 
人 性 化 。 竺 好 这 不 是 唯一 的 方法 ， 吾 祥 物 有 时 候 设 计 起 来 并 不 容易 。 


如 有 果 读 者 希望 进一步 了 解 吉 祥 物 的 使 用 ， 请 阅读 Mailchimp 公司 设计 总 监 
沃尔特 (Aaron Walter) 撰写 的 著作 。 他 为 自己 的 公司 设计 了 一 款 吉 祥 物 一 一 
弗 雷 迪 《〈《Freddie )， 引 寻 与 客户 的 交流 。 此 外 ， 沃 尔 等 还 创作 了 一 本 相关 设 
计 书 ， 可 供 参 赔 :《 网 站 情感 化 设计 与 内 容 策略 》( Designing for Emotion, the 
Elements of Content Strategy )。 


承载 情感 的 语 襄 

RINK SSOP RAIA, HRA CHER TAA? 我 们 每 天 记得 
多 少 糟糕 的 交流 体验 ， 因 无 法 理解 的 信息 而 倍 感 迷茫 和 受挫 ? PLAS Ie SATE 
人 类 感到 困惑 ， 但 机 器 语言 也 是 人 类 最 得 力 的 盟友 ， 将 人 性 化 元 素 赋予 冰冷 无 情 
的 技术 性 人 机 交互 过 程 。 

Riese Axe! 在 与 用 户 对 话 的 过 程 中 ， 回 对 方 传 逸 情 感 ， 这 世 ， 介 是 设计 
普 可 以 运用 的 最 可 靠 的 方法 。 人 们 一 旦 从 这 个 问题 开始 看 手 ， 解 决 万 法 很 快 随 之 
而 米 ， 结 果 也 显而易见 。 况 且 ， 构 思 和 承载 情感 的 文字 并 不 需要 化 费 额外 的 精力 。 

让 文字 元 素 真正 成 为 与 用 户 沟 遂 的 入 口 : 避免 像 大 多 互动 移动 应 用 那样 ， 采 
用 技术 性 过 强 、 距 离 感 过 大 的 语言 。 当 然 ， 这 并 不 意味 首要 和 用 户 称 兄 道 第 ， 也 
不 要 像 多 年 老 友 一 样 随意 开玩笑 。 移 动 终端 应 用 程序 的 语言 表达 方式 应 当 和 品牌 
个 性 相 匹配 。 
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应 用 程序 
YUMMLY 
“KAR iE ENE!” YUMMLY 46 Jaa SOI Fe Ta EAT NAR, ea A a A 
TEREA. 
《 赫 芬 顿 邮 报 》 的 3g am 
应 用 程序 FRONT PAGE FRONT PAGE 


SOOO DOODO 


a 
F 
o 
‘ 


当 用 户 设 置 字体 大 小 时 ， 一 行 信 息 会 呈现 所 选 字 体 大 小 的 实际 情况 。 如 果 用 户 选 择 的 字体 
过 小 ， 程 序 还 会 询问 用 户 是 否 真 的 能 够 看 清楚 。 
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| 应 用 程序 
简单 一 句 “ 好 了 ，LYDIA 准备 完毕 ”， 表 现 出 了 程序 与 用 LYDIA 


户 对 话 的 诚意 ， 就 如 同人 与 人 之 间 的 日 第 对 话 一 样 。 这 是 
一 球 金 融 交 易 应 用 程序 ， 应 该 表现 得 既 严 肃 又 有 保障 。 这 
句 话 不 但 不 会 降低 用 户 对 服务 的 信心 ， 反 而 显得 平易 近 人 ， 
Cay est, LYDIA est prét 让 用 户 乐于 使 用 。 


Vous avez des transachons an attente. 
Clique? sur l'icone du sablier en haut 
a droite pour les afficher 


E 


应 用 程序 
让 应 用 程序 说 话 ， 如 同 把 它 变 成 了 一 种 刘禅 物 。 当 应 用 程序 用 一 | RISE 
句 话 一 一 “ 嗨 ， 我 是 RISE” 跟 用 户 打招呼 的 时 候 ， 瞬 间 人 被 赋予 
了 人 性 ， 拉 近 了 与 用 户 之 间 的 距离 ， 营 造 了 亲近 的 氛围 : 介绍 完 
He, 感情 建立 ， 为 接 下 来 的 沟通 打下 了 良好 的 基础 。 


E 


Ay BGS WE AA H S28 ARASH BEI TU 

情感 设计 往往 透 过 细节 表现 。 文 字 元 素 是 让 产品 更 富 于 人 性 化 的 重要 渠道 
让 移动 应 用 与 用 户 进行 真正 意义 上 的 对 话 。 认 真 修饰 表格 、 出 错 信息 和 空白 状态 
等 令 人 不 快 的 元 素 ， 帮 助 用 户 顺 利 度 过 无 存 、 负 面 的 用 户 体验 。 
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应 用 程序 


CITYMAPPER 


应 用 程序 


LA FOURCHETTE 


250 


应 用 程序 
VIVINO 


匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 


通常 情况 下 ， 导 航 类 应 用 程序 会 使 用 “地 址 ”“ 起 点 “终点 ” 
这 类 苍白 无 趣 的 词汇 ， 而 CITYMAPPER 像 人 类 一 样 说 “为 我 指 
W “种 我 回 家 ”。 给 人 感觉 好 像 出 租车 司机 与 乘客 的 对 话 一 样 。 


Citymapper 


[em 
‘Fr 


A Get Me Home 


击 Get Me To Work 


系统 无 法 确定 用 户 所 处 的 位 置 ， 于 是 LA FOURCHETTE 让 
用 户 “ 浮 出 水 面 ， 更 新 页 面 "。 用 户 看 了 这 样 的 俏皮 话 后 不 
禁 一 笑 ， 这 也 是 一 种 成 功 的 沟通 。 


@plafourchette 


impossible de vous localiser 


= 


Remontez å la surface et actualisez la page 


E 


扫描 失败 ， 照 片 旁 边 写 着 :“ 这 不 是 葡萄 河 。 有 照片 很 漂亮 ， 
饮料 八成 也 好 喝 ,但 Vivino 只 能 识别 葡萄 酒 。” 乍 一 看 ， 你 
能 看 出 这 是 出 错 信 息 吗 ? 如 果 用 逻辑 性 强 、 冷 静 中 立 的 处 
理 方式 ， 出 错 信 息 一 定 让 人 感到 失望 ， 用 户 体 验 也 会 变 差 。 
然而 ， 这 条 充满 善意 的 信息 却 让 报错 行为 充满 人 情 味 。 


Ceci n'est pas un vin i 


Moire bate de données comple Sud de 4 rallied de vith = reals 
dlè ce comple gucune blèrè. digest! gueu oo bohjan ini 

algal Tener eh scanner Mitiquerie dune boutedle de vin pour 
digii beg irig 


matkani guè ngus pri hion 


© Supprimer de Mes vins 


第 六 章 情感 体验 


雅虎 信箱 和 
MAILBOX 的 
Q, Recherche dans mail 应 用 程序 
把 雅虎 信箱 与 应 用 程序 MAILBOX 做 出 对 比 ， 两 者 管理 空 收 件 箱 的 方式 不 同 ， 熟 优 熟 劣 一 
ATR. 
FA Satie PE eo fe ls 
Ri Bika] LAA ARE Ai fe elles. (IMS IAL Hi Se ee a E 
微妙 ， 因 为 图 标本 身 不 会 做 出 解释 : 它 需 要 一 个 参照 系 和 一 个 分 析 框 染 ， 才 能 让 
用 户 理 解 。 因 此 ， 设 计 出 让 所 有 人 全 都 能 理解 的 图 标 ， 难 度 很 大 。 
然而 ， 一旦 设计 者 创作 出 成 功 的 图 标 ， 就 会 大 获 全 胜 ! 惯例 性 图 标 冷 痰 、 无 
趣 ， 只 能 完成 简单 的 描述 ， 而 能 引起 共鸣 的 图 标 可 以 传递 情感 。 
平板 电脑 应 用 程序 
sores DUOLINGO 


@)) USTEN @)) SLOWER 


Type what she said 


为 了 表示 慢 速 播放 ，DUOLINGO 设计 了 乌龟 图 标 。 
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充分 利用 所 处 环境 

在 用 户 体验 当中 ， 展 示 数 据 的 方式 同样 占据 着 重要 位 置 。 如 果 移 动 应 用 紧 贴 用 
户 的 现实 生活 ， 让 用 户 因此 感到 自己 被 真正 地 理解 ， 设 计 者 就 取得 了 部 分 胜利 。 为 此 ， 
设计 者 一 定 要 充分 利用 对 用 户 来 说 颇具 意义 的 环境 特征 ， 以 适合 的 方式 展示 数据 。 


应 用 程序 
COUPLE 


COUPLE 如 果 用 简单 的 复 选 框 显 示 被 选中 的 项 目 ， 其 实 也 能 过 关 。 但 COUPLE 还 展现 出 
哪些 人 做 了 勾 选 。 这 一 小 举动 不 仅 提 供 了 额外 信息 ， 还 加 入 了 一 层 更 有 趣 的 象征 性 意义 。 


应 用 程序 
RISE 


屏 各 的 背景 闫 色 根 据 用 户 设 置 的 闸 钟 时 间 而 发 生 相 应 的 变化 。 
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WAKE 
WAKE Mit HERR GE AT A ZEEE A i Be E19, SAN AC 
FME “MEW” (Bonsoir )。 
F all OH 18:28 应 用 程序 
janvier - GOOGLE 
CALENDAR 


Aucun Ev enerreenl prévu. 
Š Appuyer iči pour en creer un 


février 2015 


Semaine du du 2 au & mars 2015 


Semaine du du 3 au 15 mars 2015 


ADY Lionel 


go 


Dej Sarah Les Saisons 


de 1700 å 1430 


gde 1030 6 11:730 


Semaine du du 1b au 22 D 


15h30 - L'avantage avec 
de 15:30 4 1700 


i 4 17:00 + 
irto guillaume "E 


Semaine du du 23 au 29 mars 2015 


Xİ F GOOGLE CALENDAR 来 说 ， 从 一 个 月 转换 到 男 一 个 月 绝 非 小 事 ! HR, DA 
都 会 展示 一 幅 美 丽 的 画面 ， 表 明 上 个 月 底 和 下 个 月 初 的 日 子 。 图 画 会 根据 不 同 的 月 份 做 
相应 的 调整 : 2 月 的 图 片 展现 了 冬季 的 雪上 运动 ; 到 了 3 月 ， 图 中 是 满眼 绿色 ， 春 意 凯 然 。 
一 般 的 日 程 秒 都 如 温 知 水 般 平 淡 无 奇 ， 而 GOOGLE CALENDAR 却 平添 了 几 分 诗意 ! 
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sae mo: ”这 还 没完 ! GOOGLE CALENDAR 还 为 普 普 通通 的 日 程 活动 准 
备 了 特殊 的 图 片 ， 比 如 去 健身 房 运 动 的 图 示 。 图 示 会 自动 插入 ， 
不 需要 用 户 进行 任何 设置 。 


Semaané du du B au V2 avr. 


anniv niko et arthur ! 
anniy jean- -mare 


ka F> pa So 


应 用 程序 “有 
LE KIOSK (=) MarieClaire Maison [1] 


marieclaire 1 


Marie Clai... Marie Cli. Marie Clai.. Marie Clai... Marie Cli. Marie Olai.. 


背景 图 片 与 用 户 正 在 阅读 的 杂志 封面 自动 匹配 。 视 觉 效果 已 经 延伸 到 了 应 用 程序 本 身 ， 这 
是 凸显 这 期 杂志 特点 的 绝妙 方法 。 


凭借 动画 赋予 情感 


谈 到 移动 终 问 的 情感 设计 ， 就 不 能 不 提 动 画 。 动 画 是 移动 wae amine 
季 重 要 的 组 成 部 分 ， 动 画 的 首要 作用 是 在 使 用 过 程 中 障 伴 用 户 ， 此 外 ， 还 能 为 应 
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用 程序 增添 活力 与 个 性 。 

动画 设计 不 能 以 吸引 用 户 注意 为 目的 。 动 画 可 以 覆盖 很 大 一 部 分 屏幕 ， 也 可 
以 只 在 和 干 元 素 上 体现 。 动 画 由 一 系列 状态 或 页 面 依次 连 授 组 成 ， 成 功 的 动画 目 
WRR: 表现 从 一 个 状态 回 另 一 个 状态 的 转换 ; 在 虚拟 空间 上 展现 所 有 内 容 ; 
让 原本 平淡 无 奇 的 内 容 变 得 更 加 充实 。 

通过 微小 的 互动 ,用户 获得 了 流畅 而 丰富 的 使 用 体验 。 另 外 ， 动 画 也 是 制造 情 
感 体 验 好 机 会 : 动画 的 外 观 、 特 性 、 风 格 赋予 移动 应 用 独特 隐 气 质 与 个 性 。 


点 击发 布 按钮 ， 代 表 各 种 发 布 形式 的 网 标 呈 半月 形 跳 出 : 图 标 似乎 从 按钮 中 路 起 ， 当 用 户 停 
止 使 用 茶 种 功能 时 ， 图 标 会 听话 地 退回 去 。 随 着 图 标 出 现 ， 屏 幕 背景 变 暗 ， 整 体 效 果 极 佳 。 


应 用 程序 
PATH 


255 


256 


应 用 程序 
SUPER 


应 用 程序 
SUPER 


EDA O 智能 手机 与 平板 电脑 的 用 户 体验 设计 


moat F a bë CEEI Fea F Bical 7 al bë naa Frea F .| F a È 


FRIENDS - 2 FRIENDS - 2 FRIENDS - 2 


DELETE 


IM THINKING a. 
SEE W SWIPE RIGHT TO SEE WHI 
MANFA POST TARMIN MANE A PAST TARIAN 
FIND FRIENDS FIND FRIENDS FIND FRIENDS 


ZEA a Ll Zee oh, “DE M WR DAL BL, AREMA A: 两 个 按 
HED) SHAT SL aR ak A bE, J ORAL TUE Ee. RITAS, SA CE Ae 
序 的 情感 设计 特色 上 ， 扮演 了 异常 重要 的 角色 。 


e000 Free F 19:47 49 > a0 Free 2 tear 


FRIENDS ~ B FRIENDS ~- 


MARDI IS ON! 


I’M THINKING Ù. 

SWIPE RIGHTTOMEEWHO 

MADE A POST TAPIN 
FIND FRIENDS 


Tela, Pa “OR” Ja a IV DB ee a ie EF. FA 
甚至 觉得 程序 在 感谢 目 己 的 “点 赞 ”行为 。 好 像 只 有 在 SUPER 上 才 看 得 到 这 样 的 动画 效 


果 ， 毫 无 疑问 ， 动 画 成 为 了 这 款 应 用 程序 的 个 性 特征 。 正 是 凭借 各 种 各 样 小 小 的 奇 思 妙 
想 ，SUPER 才 成 为 今天 的 SUPER。 去 体验 一 下 这 款 应 用 程序 吧 ! 


清单 中 的 物品 细节 通过 一 个 快速 闪现 的 动画 打开 : 细节 信息 卡 
从 屏 共 右 侧 出 现 。 除 了 呈现 视觉 效果 之 外 ， 动 画 还 指导 用 户 
ue RAAB: 一 个 滑动 手势 即 可 。 


不 要 过 火 ! 注意 动画 的 长 度 : 不 要 让 人 机 交互 操作 显得 举重 ， SS 
的 浏览 速度 。 给 经 党 重复 的 操作 搭配 动画 ， 效 果 往 往 不 佳 : 用 户 会 感到 操作 释 
腔 拙 而 缓慢 ， 也 容易 对 重复 的 动画 效果 感到 厌倦 。 


不 一 定 非 要 让 用 户 感 觉 到 动画 效果 的 存在 。 用 低调 的 方式 把 动画 融入 到 使 用 
体验 中 ， 潜移默化 地 影响 用 户 的 整体 感受 。 绞 尽 脑 守 让 动画 在 用 户 脑 海中 留 下 深 
刻印 象 ， 完 全 没 这 个 必要 ， 甚 至 不 建议 大 家 这 样 做 。 成 功 的 用 户 体验 应 当 泻 染 服 
务 的 整体 质量 ， 而 不 是 凸显 交互 界面 的 设计 效果 。 但 是 ， 为 了 衬托 文字 ， 优 美的 
表现 方式 还 是 必 不 可 少 。 


菜单 打开 时 伴随 着 动画 ， 仿 佛 每 个 专栏 
都 被 从 很 遥远 的 地 方 拉 近 。 同 时 ， 这 种 
打开 方式 暗示 了 应 用 程序 背后 藏 着 更 加 
echercher -a i gJ 丰富 的 内 容 ， 比 我 们 在 莱 单 中 看 到 的 内 

| | | ES. 动画 活 力 十 足 ， 其 效果 与 产品 
价值 也 相符 。 注 意 ， 这 类 动画 不 能 太 党 
Mes voyages Mes forage 见 ， 否 则 效果 不 佳 。 


Découvrir Er Découvrir 


Boite de réception 


Boite de réception 


应 用 程序 


WUNDERLIST 


应 用 程序 
AIRBNB 
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匠心 体验 Q 智能 手机 与 平板 电脑 的 用 户 体验 设计 
aX] 
情感 设计 未 必 有 幼稚 
fev ¥ Ok \ 


Ip BINT WSO RASS. SANA, MERE, AR, tb 
QUIS FA “PR” ANA “PE” RENS, EWER, PRS. MEERE, RE 
移动 应 用 并 没有 采用 这 种 风格 进行 情感 设计 。 


应 用 程序 
SOUNDCLOUD 


il oi in ct ki 


E 


打开 一 首 歌曲 时 ， 展 现 歌曲 曲目 的 屏幕 给 用 户 强烈 的 情感 体验 : 内 容 精致 照片 占据 了 屏 
幕 的 中 心 ; 音乐 人 的 个 性 彰显 无 遗 ; 没有 任何 让 用 户 分 心 的 元 素 。 
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CAMAIEU, ZARA, 
APPLE 和 迪士尼 的 


CAMATEU 移动 终端 网 站 


9e Qe 


' Oups! 


Perdue au milieu 
dè nulle part ? 


Nous vous invitons à vous diriger vers les 
articles suivants : 


» Tops, Tshirts 


Hmm, la page que vous 
demandez est 
introuvable. 


Avez-vous essayé de faire une 
recherche ? Touchez le menu ci- 
dessus pour afficher licne de 
recherche. Qu essayez un des 
liens ci-dessous, 


OUPS ! 


il est possible que votre 
contenu préféré ait changé 
d'adresse. Vous pourrez peut- 
étre le retrouver grace à notre 
moteur de recherche : 


Apple > 


Recherche Q 
Actualités 


st 6M a 


上 


404 错误 页 面 上 都 进行 了 情感 设计 ， 但 不 同 网 站 的 设计 风格 差异 有 多 么 大 ! 根据 不 同 品 
牌 ， 情 感 不 能 依 笔 同样 的 载体 呈现 。 


da 
cu 


259 


TAL 


能 


手机 与 3 


EB Ay hi 


体验 设计 


没有 连接 网 络 的 时 候 ， 应 用 程序 在 
车 畅游 城市 的 夜景 。 


Ab E, 
H AS 


上 开启 了 一 段 专属 于 UBER 的 视频 ， 展 现 了 人 们 乘 


二 本 
ell 


Instagram 


CONNEXION 


CONNEXION 


HPA EE ECS ela AT, A 


IEN 


~ 


颜色 发 生 了 轻微 的 变化 。 
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游戏 化 与 情感 投入 


除了 移动 应 用 的 功能 本 身 ， 以 及 设计 者 描述 、 旦 现 应 用 的 方式 之 外 ， 设 计 者 
所 讲述 的 内 容 的 结构 及 其 叙述 方式 也 可 以 作为 情感 的 载体 。 这 也 是 游戏 化 理念 的 
主要 目的 。 游 戏 化 指 在 通常 和 游戏 无 关 的 领域 中 引进 游戏 机 制 ， 目 的 在 于 让 各 种 
类 型 的 体验 变 得 舒适 、 有 趣 、 参 与 性 更 强 。 其 实 ， 游 戏 化 经 常用 于 鼓励 用 户 完成 
一 些 最 初 看 上 去 趣味 性 不 大 的 任务 。 

游戏 化 深入 挖掘 人 类 的 基本 需要 和 天 性 ， 利 用 人 们 追求 圆满 、 自 我 完善 、 社 
会 对 比 、 超 越 自 我 的 心理 需求 。 人 们 在 社会 地 位 、 等 级 和 身份 阶层 体系 中 寻求 自 
我 定位 ， 最 常见 的 方法 就 是 与 他 人 进行 对 比 。 而 游戏 化 体系 正 是 建立 在 这 种 分 级 
之 上 。 

游戏 化 的 一 个 基本 原则 是 ， 在 以 分 数 、 奖 章 和 收集 物品 为 奖励 的 系统 中 ,给 
予 完成 某 一 任务 的 用 户 相应 的 奖励 。 用 户 通常 要 在 接受 挑战 、 执 行 任务 、 完 成 约 
见 后 才能 获得 奖励 。 某 些 应 用 的 使 用 流程 本 身 就 具备 不 断 前 进 的 特性 ， 这 种 情 
况 比 较 容易 采用 游戏 化 。 当 然 ， 移 动 终端 的 游戏 程序 与 游戏 化 的 配合 更 是 天 衣 无 
颖 。 但 是 ， 游 戏 化 也 适合 其 他 性 质 的 程序 。 


应 用 程序 FOURSQUARE 凭借 “奖章 ”奖励 机 制 成 了 游戏 性 应 用 程序 的 代 
表 作 ， 成 为 当今 众多 采用 “奖章 ”制度 的 作品 的 鼻祖 。 但 是 要 注意 ,不 要 以 为 能 
简单 复制 这 一 成 功 模式 ， 就 滥用 奖章 制度 。 设 计 者 应 该 根据 各 种 具体 使 用 情况 做 
出 调整 。 而 且 ， 奖 励 制 度 本 身 不 要 过 于 烦琐 ， 以 便于 用 户 理解 ,吸引 大 家 使 用 。 
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平板 电脑 应 用 程序 eee pane 
DUOLINGO 
在 学 习 类 应 用 程序 中 ， 如 学 习 语 言 、 交 通 规则 和 音乐 ， 以 及 身体 锻炼 评测 、 瘦 身 减肥 等 应 
用 程序 ， 目 标 与 分 数 相 结合 的 奖励 体系 必 不 可 少 。 在 DUOLINGO 上 ， 这 种 奖励 体系 通过 
应 用 程序 的 吉祥 物 贯穿 始终 。 
游戏 化 设计 技巧 往往 基于 纯粹 的 社会 需求 ， 因 此 很 快 就 能 风靡 全 球 。 和 希望 与 
别人 一 较 高 低 ， 是 激励 用 户 采 取 行 动 的 重要 动力 。 
应 用 程序 
WAZE 


i 
infvence and a customized Wiara. 


不 断 进步 、 与 他 人 对 比 ， 这 原本 不 是 WAZE 提供 服务 的 内 在 属性 。 但 设计 者 将 这 种 竞技 
机 制 融 入 系统 的 基本 元 素 ， 确 保 让 用 户 全 刁 心 地 投入 。 


同样 ， 游 戏 化 也 并 不 一 定 非 要 依靠 趣味 和 娱乐 ， 才 能 保证 用 户 的 效率 与 全 身 
心 投入 的 热情 。 
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应 用 程序 
LINKEDIN 


| | 
[ou a z= | Ow a consumi votre... tt eral J 


| Information 1 sur 6 


Mes relations (1124) 


Premiers 4 % | 3 2 
a Eltonne Vauchoz | 
| 


| Aujourd'hui 


39 Q Amalie Simtel, | | 
: | Nicolas Hoss | 
j Boris Golden Ea - 


Viadeo (265) 


_ | Premiers 1 % | 


显示 用 户 在 所 有 联系 人 中 的 排名 ， 或 者 显示 账户 的 访问 率 升 高 还 是 下 降 ， 这 些 方法 就 是 从 
游戏 化 演变 而 来 的 ， 没 有 丝 训 幼稚 之 处 。 


应 用 程序 


There goes that theory: Big 
Bang find turns into big 
bust 


E 


显示 已 经 阅读 或 者 没有 阅读 的 内 容 ， 结 合 激励 人 心 的 视觉 设计 ， 目 然而 然 会 或 励 用 户 进 一 
步 阅读 更 多 文章 ， 以 便 “ 达 成 圆满 ”， 得 到 胜利 完成 任务 的 满足 感 ! 


雅虎 新 闻 摘要 的 
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情感 设计 也 应 恰到好处 


提醒 设计 者 ,情感 设 计 不 代表 要 把 页 面 到 处 装点 上 之 请 、 星 星 和 各 色 饰 物 。 
一 定 不 要 过 分 泻 染 ， 尤 其 不 要 过 分 强调 视觉 效果 。 用 户 碰 到 情感 设计 点 的 频率 ， 
也 是 设计 者 必须 考虑 的 重要 问题 。 在 用 户 经 划 进 行 的 人 机 交互 操作 中 ， 不 要 使 用 
效果 过 于 强烈 、 操 作 过 于 索 重 、 耗 时 过 长 的 效果 。 


应 用 程序 
FIDME 


ma Oral-B: 0.50€ 
1 denttrics 30 White, JÜ Fise Lure, Pro- 
Be 


Bi] sos ef Ss 


Grosch: 0. 30 E Grosch: 0.30 € 
1 pink daiga 1 pank daia 
| 


ü: @ «2 | = a < @ es 


Diadermine: 0.70 € | = Diadermi Me O.FO € 
| ma 1 agin riage PHS os PHT 1 aon wage PHI ow PHT 


Coc a = Ë B 


Giov anni Feran: 0.50 T: | "Giovanni Ferari: 0.50 € 
F | acii de parmesan | | | Weft ce parnasan 


asna | | as 8 6 


| | Pringles: 1.00 € | | Pringles: 1.00 € 
| i Sheed, eislts me eg ont Meg at 10 | 半生 相国 的 Hg at 1000, 


at hiri pern | J af hiri (ere 


用 户 每 次 点 击 导航 元 素 ， 应 用 程序 都 会 呈现 强烈 的 视觉 效果 。 这 种 操作 十 分 频繁 ， 重 复 的 效 
果 给 人 感觉 非常 沉重 ， 而 且 没 有 明确 的 象征 意义 。 用 户 很 快 会 对 这 种 效果 产生 厌烦 的 情绪 。 


在 细 广 上 下 功夫 

情感 设计 ， 就 是 这 些 点 点 滴 滴 的 细 枝 末节 ! 表现 形式 、 动 画 效果 、 遗 词 造 
句 …… 每 个 细节 都 能 产生 举足轻重 的 影响 ， 聚 集 在 一 起 形成 了 用 户 对 情感 设计 的 
总 体 印象。 
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应 用 程序 


EVERNOTE 
qwertyuiop 
asd f gh j kl 
表格 填写 区 和 输入 键盘 的 两 个 简单 个 性 化 处 理 ， 让 页 面 极 具 EVERNOTE 特色 。 
应 用 程序 
RISE 


E 


RISE 使 用 移动 电话 的 动作 传感器 ， 让 背景 照片 随 着 手机 的 倾斜 角度 而 微微 移动 。 效 果 虽 
然 微小 ， 但 个 性 化 设计 仍 十 分 显著。 
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应 用 程序 
COUPLE 


ADAG Q 智能 手机 与 3 


F th 


让 用 户 觉 得 非常 可 爱 。 


当 用 户 单 击 图 标 使 用 橡皮 时 ， 图 标 变 成 粉红 色 ， 表 示 功 能 激活 。 小 小 的 图 形 设 计 细 市 ， 却 


EN mB Pe eas 


ARS 
ZB 尿 A 
平板 电脑 应 用 程序 


awa 


用 户 与 移动 应 用 之 间 的 情感 可 以 慢 慢 ] 
现 程序 设计 者 在 各 个 地 方 流 
R, A 


SPOTIFY 


ES 


Hae 
响 每 位 用 户 的 主观 感受 。 


起 来 。 用 户 在 使 用 过 程 中 会 逐步 发 
出 的 天 切 之 情 。 这 些 暧 心 的 小 细 市 或 许 没 有 客观 用 


E HX 区 


用 户 体验 设计 


第 六 章 ORAM 


平板 电脑 应 用 程序 
SPOTIFY 


把 艺术 家 的 照片 向 下 拉动 ， 第 二 张 照 片 就 会 出 现 。 两 张 照片 同时 出 现在 应 用 程序 的 桌面 
上 。 但 在 iPad 的 使 用 说 明 上 并 没有 特意 注 明 这 种 功能 。 


A 


本 书 第 一 章 里 已 经 详细 介绍 了 使 用 声音 效果 的 要 点 ， 设 计 者 可 以 参照 这 些 建 
i dle 

在 讨论 情感 设计 的 时 候 探 讨 声音 问题 似乎 有 些 矛 盾 : 通常 情况 下 ， 声 首 效 果 
都 不 理想 ， 很 可 能 导致 用 户 产 生 负 面 反 应 ， 结 果 适 得 其 反 。 不 过 在 一 些 特定 情况 
下 ， 如 果 设 计 者 能 够 充分 稳 控 声音 效果 ， 声 首 可 以 达到 其 他 因素 绝对 无 法 企及 的 
效果 。 
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SZ 总 


情感 设计 的 目的 在 于 向 应 用 程序 或 移动 终端 网 站 中 注入 情 感 因素 ， 令 


首先 要 考虑 服务 提供 的 内 容 : 根据 用 户 的 需求 量 吴 定 等 ， 当 用 户 有 发 现 
满足 目 己 需要 的 功能 时 ， 一 定 会 产生 积极 的 情感 。 


然后 ， 精 心 雕 琢 移 动 应 用 的 表现 形式 : 如 果 用 户 先 得 产品 的 外 观 美 感 
十 足 ， 就 会 认为 程序 更 有 魅力 、 更 易于 使 用 。 美 学 设计 对 使 用 过 程 中 的 认 
知行 为 也 有 巨大 帮助 。 


语言 和 图 标 能 让 用 户 产 生 积极 情感 : 不 要 使 用 冰冷 无 情 的 语句 或 是 程 
式 化 的 技术 性 语言 。 


表格 、 出 错 信 息 和 空 日 状态 往往 是 被 情感 设计 遗 饼 的 小 角落 。 但 这 
些 地 方 恰恰 是 用 尸 需要 亲切 障 伴 之 处 。 


深入 研究 用 户 操作 使 用 的 具体 情况 ， 实 现 真 正 意 义 上 的 对 话 : 如 果 设 
计 者 能 够 让 移动 应 用 完全 适应 用 户 的 生活 ， 用 户 会 觉得 目 己 与 移动 应 用 之 
间 存 在 特殊 关系 。 


动画 是 情感 时 主要 载体 ， 其 目的 不 是 让 用 户 记 住 动画 本 身 。 如 果 动 
画 目 身 具 备 一 定 的 意义 ， 且 持续 时 间 与 出 现 频率 都 恰到好处 ， 动 画 惑 能 潜 
移 默 化 地 影响 用 户 。 


情感 设计 并 不 代表 天 真 和 幼稚 。 如 果 与 品牌 风格 差距 过 大 ， 不 要 采 
吉祥 物 、 幼 稚 的 图 画 或 轻浮 、 俏 皮 的 文字 。 


游戏 化 可 以 把 任意 形式 的 体验 转变 成 令 人 愉悦 、 引 人 人 胜 的 用 户 体验 。 


结语 


恋 完 这 本 书后 ， 你 学 到 了 什么 ?除了 纯粹 的 技巧 与 规则 ， 我 希望 读者 能 够 从 
此 以 不 同 的 眼光 看 待 移动 终端 的 世界 。 希 望 大 家 获得 更 多 的 上 自信， 婚 不 饼 尊 守 用 


尸体 验 的 基本 原则 ， 又 能 开辟 目 己 的 一 片 新 天 地 。 

本 书 能 够 帮助 设计 者 避免 重复 他 人 常 犯 的 错误 ， 指 导 大 家 在 细 广 上 精益 求 
精 ， 为 用 户 提供 更 加 出 色 的 移动 应 用 程序 和 网 站 。 书 中 提 到 的 内 容 属 于 必要 的 基 
础 知识 ， 如 果 设 计 者 不 加 以 了 解 ， 束 很 难 吸 引用 户 ， 更 不 可 能 留 住 用 户 的 心 。 然 
而 ， 优 秀 作 品 的 独到 之 处 并 不 是 外 在 的 形式 ， 而 是 深 处 的 内 涵 。 设 计 痢 是 唯一 的 
舵手 。 最 好 的 解决 方法 都 是 独立 创作 的 结晶 ， 但 这 需要 提前 做 大 量 的 分 析 与 分 类 
工作 : 作品 的 优点 与 缺点 是 什么 ? 与 现 有 或 潜在 的 苋 争 对 手 之 间 的 区 别 在 哪里 ? 
用 户 使 用 应 用 时 ， 第 一 眼看 到 的 应 该 是 什么 ? 当今 的 用 户 会 如 何 根据 设计 者 的 大 
助 处 理 问题 ? 设计 者 和 希望 在 哪些 时 刻 触动 用 户 ” 服务 的 真正 核心 是 什么 ?设计 者 
计划 推出 的 只 是 一 款 移 动 应 用 ， 还 是 一 整套 服务 ?以 上 这 些 问题 会 指导 设计 者 找到 
最 恰当 的 答案 一 一 属于 设计 者 目 己 的 答案 。 假 设 一 切 顺 利 ， 设 计 者 通过 回答 上 述 问 
题 就 能 做 出 正确 的 选择 : 如 何 折 中 、 如 何 取舍。 尽管 困难 重重 ， 这 番 努 力 绝 不 会 
日 费 。 

不 要 害怕 创新 ， 不 要 害怕 与 众 不 同 。 不 要 复制 竞争 对 手 ， 不 要 宣 从 流行 风 
调 ， 人 否则 诞生 的 作品 只 能 是 爷 日 的 克隆 体 ， 没 有 太 多 的 价值 。 放 和 手 创 作 吧 ! 但 别 
拆 了 遵守 惯例 、 碍 重创 作 规律 ， 这 些 规则 能 帮助 设计 者 印证 目 己 的 假设 ， 保 护 
目 己 不 落 入 陷阱 。 最 后 一 个 建议 ,不 要 和 饼 记 用 户 体 验 领域 所 有 成 功 人 士 的 驴 言 : 
“如 果 你 只 为 目 己 创作 ， 往 往 会 一 败 涂 地 。” 即 使 始终 在 低头 昔 干 ， 即 使 要 拼命 赶 
在 期 限 之 前 交工 ， 还 是 不 要 饼 记 时 时 自省， 这 样 真 的 可 能 会 挽救 目 己 。 移 动 应 用 
的 设计 工作 并 不 轻松 但 这 份 工 作 会 为 大 家 市 来 丰富 的 人 生 经 验 。 尽 情人 双 受 工作 
的 乐趣 吧 ! 请 大 家 不 要 忘记 告诉 我 在 工作 中 的 最 新 体验 ! 
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WL A 


保护 用 户 避 免 犯 错 


保护 用 户 避 免 犯错 的 各 种 机 制 ， 尤 其 是 在 填写 表格 的 时 候 : 仔细 设计 说 明文 字 ， 
企 输入 敏感 信息 时 随时 予以 指导 ， 指 明 需 要 的 格式 ， 正 确 选择 表格 元 素 ， 等 等 。 


保障 
让 人 人 安心、 给予 信心 的 品质 。 
扁平 化 设计 


这 一 趋势 推 深 去除 一 切花 倘 装 饰 的 设计 理念 。 无 用 的 阴影 、 纹 络 、 浮 雕 效 
果 、 花 纹 等 都 被 摘 置 一 稼 。 局 平 化 设计 采用 简单 、 特 色 鲜 明 的 极 简 风 格 ， 经 香 以 
晓 无 装饰 的 大 面积 色 块 为 设计 基础 。 局 平 化 设计 和 拟 物化 设计 〈skeuomorphism ) 
的 理念 相反 ， 后 者 模仿 真实 物体 的 纹理 ， 并 对 真实 物体 进行 要 形 ， 比 如 ， 在 记事 
本 类 应 用 程序 上 呈现 纸 质 记 事 本 的 螺旋 线圈 和 纸 面 的 横 线 等 。 


标签 栏 


展现 菜单 的 选项 条 。 


插播 式 ( 页 面 ) 

在 用 户 没有 要 求 的 情况 下 ， 强 行 在 目标 页 面 之 前 安置 的 页 面 。 这 是 一 种 在 广 
告 界 经 常 使 用 的 方法 。 插 播 式 页 面 通常 使 用 动画 效果 ， 持 续 时 间 长 短 不 一 。 建 议 
在 插播 式 页 面 上 加 入 “ 跳 过 ”或 者 “直接 进入 ”的 选项 ， 让 用 户 可 以 忽略 插播 式 
页 面 ， 而 这 一 贴心 设计 的 关键 在 于 要 让 用 户 清晰 地 看 到 选项 ， 读 懂 选 项 的 说 明 。 


销 误 操作 指示 

用 户 所 领会 的 目标 的 功能 可 供 性 状况 ， 并 非 其 真实 特性 。 如 果 目 标 发 出 的 信 
息 与 其 功能 不 符 ， 就 会 出 现 这 种 情况 ， 比 如 某 一 元 素 看 起 来 能 够 操作 ， 但 实际 上 
根本 行 不 通 。 
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典型 行为 

和 人 类 因 天 生 反 射 而 做 出 的 行为 。 典 型 行为 好 比 人 类 对 使 用 未 些 事物 的 天 生 和 直 
觉 。 比 如 ， 想 要 提高 音量 时 ， 和 人们 目 然 会 寻找 操作 按钮 并 向 上 拉动 ， 而 不 会 向 下 
拉动 。 
定位 锚 点 

可 以 直 搂 引 回 屏 大 某 一 特定 位 置 的 链 氢 。 定 位 简 点 经 背 用 于 目录 ， 用 户 通 过 


点 击 定位 锁 到 达 特 定 的 草 行 。 定 位 销 点 在 移动 应 用 设计 中 非常 有 用 ， 可 以 弥 人 页 
MIKORRA, HATAR EFI TAMRA M o 


动量 行为 

坚持 某 种 想法 或 坚持 以 某 种 方式 达到 目标 的 行为 。 尽 管 存在 其 他 效率 更 高 的 
选择 ， 但 用 户 没 能 发 现 ， 因 为 他 已 经 陷入 目 己 的 思维 方式 之 中 ， 看 不 到 其 他 途 
径 。 人 参见 : Nielsen & Pernice, Eyetracking Web Usability, New Riders, 2010. 


1954 年 ， 保 罗 ' HR (Paul Fitts) 以 心理 动力 学 实验 为 依据 提出 了 更 次 法 
则 ， 时 在 优化 飞机 驾驶 舱 的 人 机 工程 学 设计 。 访 法 则 插 述 了 目标 的 距离 及 其 大 小 
与 达成 目标 化 费 的 时 间 之 间 的 天 系 。 上 述 参 数 产 生 互 动 的 方式 非常 复杂 。 简 日 讽 
来 ， 达 成 目标 花 昔 的 时 间 与 目标 距离 及 其 大 小 成 正比 。 


分 散 注 意 与 选择 性 注意 

当 人 们 把 注意 力 同 时 分 配 在 几 件 事 物 上 ， 大 脑 会 局 动 分 散 注意 机 制 。 人 们 分 
散 注意 的 能 力 很 强大 ， 但 缺点 是 不 能 以 最 佳 状态 观察 每 个 目标 。 

选择 性 注意 与 分 散 注意 属 于 完全 相反 的 现象 : 选择 性 注意 与 专注 类 似 ， 人 们 
把 注意 完全 集中 在 一 个 目标 或 者 一 个 特殊 信号 上 ， 并 屏蔽 其 他 事物 。 


Q 词汇 表 


格式 塔 定律 

格式 塔 定 律 采 取 人 类 大 脑 整 体 处 理 周 遗 环境 信息 的 方式 处 理 问 题 。 根 据 这 一 
原则 ， 整 体 不 仅仅 是 各 个 组 成 部 分 的 简单 囚 加 : 众多 形态 的 融合 孕育 了 整体 的 狐 特 
征 ， 而 各 目 独 立 的 组 成 部 分 都 不 具备 这 种 整体 特征 。 格 式 塔 定律 经 党 应 用 于 互联 网 
网 络 人 机 工程 和 学， 尤其 是 束 近 原理 、 相 似 原理 、 聚 焦点 原理 和 连贯 性 原理 等 。 


功能 可 供 性 

功能 可 供 性 指 事物 自身 表现 出 来 的 操作 可 能 性 。 当 人 们 看 到 这 种 事物 ， 即 便 
没有 开始 使 用 ， 也 能 根据 其 功能 可 供 性 猜 到 使 用 方法 。 唐 纳 德 ， 诺 曼 推 广 的 这 一 
概念 ， 在 实体 世界 和 人 机 交互 界面 领域 的 设计 工作 中 都 适用 。 

当 人 们 开启 移动 终端 的 交互 界面 时 ， 界 面 会 呈现 一 整套 迹象 ， 让 用 户 理解 可 
以 利用 哪些 元 素 达 到 自己 的 目的 。 用 户 根据 目标 的 外 观 ， 应 该 可 以 迅速 判断 目标 
能 否 点 击 互动 ， 能 否 导向 其 他 某 处 ， 能 否 达 成 任务 。 功 能 可 供 性 受到 人 类 先天 反 
射 和 后 天 经 验 习 得 的 影响 。 


共 现 
屏 戎 上 同时 出 现 几 个 元 素 或 者 几 条 信息 。 


ERKA 


HARREWAR, FY = oe BNA RAPA, LEAT ASS SPAY 
汉堡 包 。 


a jj 


ta [0] SA 


HERA “BAREM, REM LEAR A EA SAE, ie a h Sd SE 
SNMIAANA, BRATS RRA ATH. BSAA A E T 
在 页 面 间 跳 转 的 快捷 方式 。 


滑动 手势 
用 手指 快速 滑 过 屏幕 的 动作 。 手 指 可 以 向 各 个 方向 滑动 ， 其 中 最 常见 的 是 向 
左 或 右 滑动 。 比 如 在 不 同 项 目 间 跳 跃 ， 在 屏幕 上 以 虚拟 方式 把 物品 抛 向 某 一 方 
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器， 或 是 进入 菜 里 中 某 一 项 的 功能 。 


建议 能 力 

名 用 户 推 荐 一 件 事物 的 能 力 。 如 果 设 计 者 希望 用 户 使 用 某 些 功能 或 服务 ， 而 
用 户 却 很 难 目 行 发 现 它们 ， 那 么 应 当 采 用 建议 能 力 较 强 的 交互 界面 。 同 时 ， 建 议 
能 力 时 在 促进 用 户 尝 试 通常 不 愿意 实施 的 行为 。 建 议 能 力 可 以 通过 不 同 万 式 实 
M: 安置 恰当 的 链接 ( 出 现在 合适 的 时 间 和 地 点 ) ;能 吸引 用 户 注 意 且 大 小 合适 
的 说 明文 字 ; 专 为 刚刚 下 达 指 令 的 用 户 提 供 特 殊 服 务 ; 向 用 户 解释 填写 手机 号 码 
的 原因 ， 等 等 。 


在 场景 中 脱颖而出 、 吸 引 注意 的 元 素 ， 与 背景 中 其 他 元 素 相 比 ， 聚 焦点 独特 
而 夺目 。 


可 发 现 性 

指 用 户 发 现 内 容 的 可 能 性 。 如 果 某 项 功能 被 隐 藏 起 来 ， 而 且 捐 示 其 存在 的 迹 
象 很 少 ， 那 么 可 以 说 该 功能 的 可 发 现 性 差 。 如 果 某 项 功能 被 彻底 隐藏 ， 那 么 可 以 
说 它 不 存在 可 发 现 性 ， 这 种 情况 往往 出 现在 以 操作 手势 为 交互 模式 的 例子 当中 。 
用 户 必须 事先 有 所 了 解 ， 或 通过 惯例 习 得 操作 手势 ， 方 才 可 以 使 用 相 天 功能 。 


可 用 性 

通 第 指 人 机 交互 程序 操作 使 用 的 难 易 程度 。 可 用 性 针对 移动 应 用 的 组 织 形 
式 ， 以 及 内 容 的 展示 方式 ， 也 束 是 服务 的 表现 形式 。 移 动 应 用 的 可 用 性 与 用 途 
( 即 实 质 内 容 ) 是 两 个 相对 的 概念 。 从 表现 形式 与 实质 内 容 两 方面 看 手 ， 才 能 设 
计 出 最 适合 用 户 的 产品 。 


空间 并 存 与 空间 相 邻 

空间 并 存 或 空间 相 邻 的 元 素 指 一 起 出 现在 同一 页 面 上 的 元 素 。 这 类 布局 常见 
于 信息 架构 比较 简 浅 的 系统 中 ， 只 需 简单 几 步 操作 即 可 到 达 结构 的 最 深层 。 这 种 
架构 方式 存在 潜在 危险 : 屏幕 上 的 元 素 过 多 ， 让 用户 无 从 选择 。 爱 德 华 . 塔 夫 特 
提出 了 空间 并 存 设计 理念 ， 与 时 间 堆 积 概念 相反 。 


Q 词汇 表 
启动 画面 

位 于 用 户 与 应 用 程序 或 网 站 的 第 一 张 “ 实 用 ”页 面 之 则 的 交互 界面 。 
切断 设计 

把 内 容 切断 ， 仅 显露 其 中 一 部 分 ， 并 晓 示 屏幕 下 方 还 藏 有 内 容 。 叶 在 提示 用 
户 除 了 屏幕 上 看 到 的 内 容 之 外 ， 还 存在 其 他 元 素 。 
情感 设计 

情感 设计 旨 在 传递 品牌 特色 或 服务 亮点 ， 在 用 户 心中 激发 正面 情感 。 与 注重 
客观 性 与 扩 术 性 的 信息 服务 设计 相反 ， 情 感 设 计 引 入 了 主观 性 ， 旨 在 拉 近 人 与 机 
器 之 间 的 距离 。 
认 知 成 本 

用 户 处 理 每 个 交互 界面 信息 时 需要 化 费 的 脑力 思考 成 本 。 交 互 界面 上 的 元 素 
越 多 、 越 不 易 理 解 、 越 不 符合 用 户 的 知识 水 平 VA AAR E o 
认 知 屏障 


用 户 与 移动 应 用 进行 互动 时 直到 的 困难 、 难 以 理解 或 令 人 人 不满 的 状况 ， 可 能 
SUSU FMA o 


入 侵 性 
侵害 用 户 自 由 、 限 制 用 户 的 选择 的 设计 ， 即 具有 人 侵 性 。 


FFAS 

EFAS SERMAATAB SIVAN AED RE, aE aba tian HA 
发 掘 使 用 方法 ， 并 /或 要 求 新 用 户 实现 最 初 的 儿 步 必要 操作 。 上 手 教 学 功能 往往 
包括 几 个 连续 页 面 ， 也 可 以 随 看 使 用 过 程 不 断 深 和 入， 逐渐 在 使 用 环境 中 呈现 。 
Bey Ta) HEAR 

时 间 堆 积 页 面 指 的 是 连续 显示 的 页 面 。 这 是 深层 信息 染 构 的 典型 表现 ， 包 合 
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众多 层级 。 设 计 者 经 第 避免 使 用 这 种 架构 ， 因 为 无 论 在 正常 浏览 还 是 在 出 现 错误 
时 ,深层 染 构 都 需要 用 户 有 来 取 更 多 的 行动 。 但 是 ,深层 染 构 的 优点 在 于 可 以 让 页 
面 杰 得 简 诺 ， 因 此 ， 在 移动 电话 上 使 用 较 多 ， 而 在 屏 响 较 大 的 移动 终 闪 设备 上 使 
用 相对 较 少 。 


‘hie FH 

MAMAN E, AeA EER soz ABA LRP “EPL” o 
视觉 干扰 会 扰乱 设计 者 向 用 户 传达 的 主要 信号 。 视 沉 干 扰 有 时 指 纯粹 的 装饰 元 
素 ， 有 时 也 指 交 互 过 程 中 某 一 特定 时 刻 的 无 用 元 素 。 
UE A 

FEAMIRE WEP, EHARA EA ee AS RIN A ESAT E, 
强迫 创建 账户 都 有 可 能 成 为 逃离 点 。 


TAA 

Wit eEN GA, FRESE PRE. AAA H RER TE H 
的 结构 组 成 部 分 的 问题 ( 如 电子 商务 网 站 的 邮费 问题 )， 也 可 能 属于 表面 组 成 部 
分 的 问题 。 


推送 与 索取 
以 “推送 ”为 基础 的 机 制 指 在 用 户 没 有 提出 要 求 的 情况 下 就 向 其 推荐 商品 或 


服务 。 与 之 相反 ,“ 索 取 ” 指 让 用 户 描 述 目 己 希望 做 什么 。 推 出 “五 大 畅销 品 榜 
E” ERW “HES” DMA, MR S| SEN BRAY “RA THK. 


Ti ETER 
指 同一 个 人 即使 从 前 犯 过 一 个 错误 ， 但 仍 会 反复 若干 次 犯 下 相同 错误 。 用 户 
可 能 已 经 意识 到 问题 ， 但 由 于 交互 界面 存在 严重 缺陷 ， 所 以 错误 很 难 纠正 。 


这 里 的 效率 不 仅 指 用 户 成 功 达 到 目标 〈 APRA AEE )， 还 强调 用 户 要 在 
不 犯错 误 的 前 担 下 ， 迅 速达 成 目标 。 提 高 效率 ， 叶 在 优化 为 实现 目标 而 付出 的 所 


Q 词汇 表 

有 努力 的 成 本 。 如 果 移 动 应 用 的 使 用 频率 较 局 ， 用 户 在 此 花费 的 时 间 较 多 ， 效 率 
问题 束 显 得 更 为 重要 。 

信息 确认 


指 通过 点 击 “OK”“ 同 意 "”“ 确 定 ”等 按键 ， 表 示 已 经 完全 理解 信息 的 行为 。 


行为 召唤 

指 代表 移动 应 用 中 某 一 功能 的 按 租 、 链 接 或 图 标 。 成 功 的 行为 召唤 可 以 让 用 
户 迅 速 砾 现 ， 并 鼓励 用 户 采 取 行 动 。 

如 果 在 屏幕 的 同一 区 域 出 现 多 个 行为 召唤 ， 建 议 设 计 普 根据 其 重要 程度 、 使 
用 频率 、 战 略 比 重 加 以 分 级 ， 为 他 们 设计 不 同 的 外 观 。 最 重要 的 行为 召唤 被 称 为 
基本 行为 召唤 。 
掩藏 拉 术 

指 将 移动 应 用 的 一 些 元 素 隐 藏 起 来 ， 不 必 在 屏 顺 上 占据 位 置 。 这 种 技术 可 
以 用 来 凸显 主要 元 素 ， 以 及 在 人 机 交互 特定 时 刻 中 更 有 用 的 元 素 。 次 要 元 素 则 
需要 用 户 进 一 步 操作 才能 显现 出 来 ， 比 如 点 击 图 标 、 链 接 或 图 形 元 素 ， 做 出 操 
EFS, FF. 
隐 性 个 性 化 设置 

旨 在 让 移动 应 用 适应 用 户 个 人 侯 好 的 扩 术 。 在 用 户 使 用 之 嫌 ， 就 记录 他 的 修好 。 


用 户 参 与 
旨 在 直接 让 用 户 进 入 程序 的 使 用 进程 ， 让 他 从 心理 上 参与 到 使 用 中 来 。 例 

如 ， 不 要 让 用 户 在 进入 网 站 或 使 用 应 用 程序 之 前 就 创建 账户 。 因 为 用 户 越 深入 地 

使 用 应 用 ， 在 使 用 过 程 中 就 越 容易 听从 要 求 ， 如 创建 账户 、 荐 写 表 格 ， 等 等 。 


游戏 化 
向 通常 本 身 不 带 游戏 性 质 的 领域 中 引入 游戏 机 制 ， 则 在 让 更 多 领域 的 用 户 体 


验 共 得 和 舒适、 有 趣 、 人 参与 性 更 强 。 游 戏 化 深入 挖掘 人 类 的 基本 需要 和 天 性 ， 利 用 
人 们 妃 求 圆满 、 目 我 完善 、 社 会 对 比 、 超 越 目 我 的 心理 需求 。 人 们 在 社会 地 位 、 
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等 级 和 身份 阶层 体系 中 寻求 自我 定位 ， 最 常见 的 方法 就 是 与 他 人 进行 对 比 。 而 游 
戏 化 体系 正 是 建立 在 这 种 分 级 之 上 。 
预 设 输入 

伴随 用 户 在 相应 区 域 输入 数据 ， 系 统 自动 向 用 户 建议 接 下 来 要 给 入 的 内 容 。 
这 种 实时 跟踪 提议 的 方法 让 输入 变 得 简单 ， 而 且 还 具备 推荐 功能 ， 但 为 了 保证 效 
R, APNEA. 
占 位 符 

代替 不 存在 或 者 尚未 加 载 完毕 的 事物 的 元 素 。 


关注 图 灵 教 育 关注 图 灵 社 区 
ITUuring.cn 


在 线 出 版 BFE 《 码 农 》 杂志 图 灵 访谈 …… 


一 一 一 一 一 QQ 联系 我 们 
读者 QQ1 群 218139230 
读者 QQ2 群 164939616 


fè 


徽 信 联 系 我 们 


图 灵 教 育 图 灵 访 谈 


turingbooks turing_interview 


OF 
微 博 联系 我 们 
官方 账号 : @ 图 灵 教 育 @ 图 灵 社 区 @ 图 灵 新 知 


an 
更 多 好 书 


App， 这 样 设计 才 好 卖 》 
穆 动 UI 设计 模式 ( 第 2 版 ) 


用 户 体验 ， 既 是 移动 终端 的 优势 ， 也 是 
痛 点 。 这 本 书 将 告诉 大 家 如 何在 移动 应 用 设 
计 中 发 挥 用 尸体 验 设 计 的 巨大 威力 ， 让 应 用 
程序 与 移动 终端 网 站 不 但 能 捕获 人 心 ， 更 能 
留 住 人 心 。 


用 尸体 验 设计 实用 捐 导 


。 捕捉 感官 注意 

。 高 效 导航 、 轻 松 浏览 

。 优化 用 户 效 率 

。 开 上 等 待 时 间 的 潜力 

°. DAF, LAPERA 

。 情感 设计 、 个 性 设置 、 审 美 、 游 戏 化 


超过 600 个 案例 


e 剖析 设计 亮点 和 成 功 要 素 
e 次 别 、 避 开设 计 蒜 区 
。 寻找 结合 理念 与 实践 的 巧 思 
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有 完了 


如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@turingbook.com， 会 有 编辑 或 作 
译 者 协助 答疑 。 也 可 访问 图 灵 社 区 ， 参 与 本 书 讨 论 。 


如 果 是 有 天 电子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : 


ebook@turingbook.com, 
在 这 可 以 找到 我 们 : 


mis @ 图 灵 教 育 : 好 书 、 活 动 每 日 播报 

mis @ 图 灵 社 区 : 电子 书 和 好 文章 的 消息 

mis @ 图 灵 新 知 : 图 灵 教 育 的 科普 小 组 
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